<script>
  function zam()
  {
    var n = document.getElementById("n");
    var r = document.getElementById("r");
    var g = document.getElementById("g");
    var b = document.getElementById("b");
    var t = document.getElementById("t");
    var k = document.getElementById("k");
    //
    var x = parseInt(n.value);
    var h = "inny";
    if (x == 1) h = "cytryna";
    if (x == 2) h = "lisc";
    if (x == 3) h = "banan";
    t.innerHTML="Twoje zamówienie to cukierek "+h;
    k.style.background="#"+r.value+g.value+b.value;
  }
</script>
<form>
  Numer kształtu:<br>
  <input type="number" id="n" value="1"><br><br>
  R: <input type="number" id="r" value="22">
  G: <input type="number" id="g" value="99">
  B: <input type="number" id="b" value="99">
</form>
  <br>
  <button onclick="zam()">Zamówienie</button><br>
  <p id="t">Twoje zamówienie</p>
  <button id="k">Kolor</button>