<script>
  var r = 4;
  var l = 8;
  var h = 10;
  var pi= Math.PI;

  var P_pdst = pi*r*r;
  var P_bok = pi*r*l;
  var P_c = P_pdst+P_bok;
  var V = (pi*h*(r*r))/3;

  document.write("Pole całkowite stożka to: " ,P_c.toFixed(2), "<hr>");
  document.write("Objętość stożka to: ", V.toFixed(2));
   
</script>

<h1>
<script>
  var a = 190;
  /*
  Wzrost < 150 – Karzeł
  150 < Wzrost < 160 Bardzo niski
  160 < Wzrost < 170 < Niski
  170 < Wzrost < 180 < Średni
  180 < Wzrost < 190 Wysoki
  190 < Wzrost < 220 Bardzo wysoki
  */
  if (a<150)
    document.write("Karzeł");
  else
    if (a>=150 && a<160)
      document.write("Bardzo niski");
    else
      if (a>=160 && a<170)
        document.write("Niski"); 
      else
        if (a>=170 && a<180)
          document.write("Średni"); 
        else
           if (a>=180 && a<190)
             document.write("Wysoki"); 
           else
             document.write("Bardzo wysoki"); 
</script>
</h1>

<script>
  function klik(x)
  {
    var c1 = document.getElementById("c1");
    var l1 = document.getElementById("l1");
    var t1 = document.getElementById("t1");
    //
    t1.style.fontSize = c1.value+"%";
    //
    if (x == 1) t1.style.color = "red";
    if (x == 2) t1.style.color = "green";
    if (x == 3) t1.style.color = "blue";
    //
    if (l1.value == 0) t1.style.fontStyle = "normal";
    if (l1.value == 1) t1.style.fontStyle = "italic";
  }
</script>

<form>
<p>Podaj rozmiar tekstu w procentach: <input type="text" id="c1" value="150" onkeyup="klik(1)">%</p>

<p><select id="l1" onclick="klik(1)">
  <option value="0">prosty</option>
  <option value="1">pochylony</option>
</select></p>
</form>

<p>Jakim kolorem sformatowac tekst?</p>

<p><button style="background-color: red; width: 25px;" onclick="klik(1)">&nbsp;</button>
<button style="background-color: green; width: 25px;" onclick="klik(2)">&nbsp;</button>
<button style="background-color: blue; width: 25px;" onclick="klik(3)">&nbsp;</button></p>

<p id="t1">To jest przykład paragrafu</p>