<script>
    function fun1(x)
    {
      var przyklad = document.getElementById('przyklad');
      var r = document.getElementById('r');
      var g = document.getElementById('g');
      var v = document.getElementById('b');
      var typ = document.getElementById('typ');
      //
      if (x==1) przyklad.style.color = "red";
      if (x==2) przyklad.style.color = "green";
      if (x==3) przyklad.style.color = "blue";
      //
      if (typ.value==1) przyklad.style.fontStyle = "italic";
        else przyklad.style.fontStyle = "normal";
      //
      przyklad.style.fontSize = rozmiar.value+"%";
    }
</script>

<form>
  <p>Podaj rozmiar w procentach <input type="text" id="rozmiar" onkeyup="fun1(1)"> %</p>
  <p><select id="typ" onclick="fun1(1)">
    <option value="0">prosty</option>
    <option value="1">kursywa</option>
  </select>
  </p>
</form>

<p>Jakim kolorem</p>

<button id="r" style="height: 32px; width: 32px; background: red;" onclick="fun1(1)"> </button>
<button id="g" style="height: 32px; width: 32px; background: green;" onclick="fun1(2)"> </button>
<button id="b" style="height: 32px; width: 32px; background: blue;" onclick="fun1(3)"> </button>

<p id="przyklad">To jest przykład paragrafu, który...</p>