SPOSÓB DRUGI Z HIDDEN

<script>
  function zmien(x)
  {
    var f = document.getElementById("foto");
    f.src = x;
  }
  function polub()
  {
    var s = document.getElementById("serce");

    var stan = document.getElementById("stan");
    
    if (stan.value=="1")
    {
      stan.value="0";
      s.src="icon-off.png";
    }
    else
    {
      stan.value="1";
      s.src="icon-on.png";
    }
  }
</script>

<hr>
<img src="lanzarotte.jpg" id="foto">
<hr>
<img src="lanzarotte.jpg" onclick="zmien('lanzarotte.jpg')" width="100">
<img src="pekin.jpg" onclick="zmien('pekin.jpg')" width="100">
<img src="serengeti.jpg" onclick="zmien('serengeti.jpg')" width="100">
<img src="tajlandia.jpg" onclick="zmien('tajlandia.jpg')" width="100">
<img src="wenecja.jpg" onclick="zmien('wenecja.jpg')" width="100">

<hr>
<form>
  <input type="hidden" id="stan" value="0">
</form>
<img src="icon-off.png" id="serce" onclick="polub()">

<script>
  function test()
  {
    var a = document.getElementById("a");
    var b = document.getElementById("b");
    var c = document.getElementById("c");
    //
    var w=0;
    if (a.value==1)
    {
      w=4*b.value;
    }
    if (a.value==2)
    {
      w=3.5*b.value;
    }
    c.innerHTML = "koszt paliwa: "+w+" zł";
  }
</script>
<form>
<h1>Orientacyjny koszt paliwa</h1>
Rodzaj paliwa (1-benzyna, 2-olej<br>
<input type="number" id="a"><br>
Ile litrów?<br>
<input type="number" id="b"><br>
<input type="button" value="OBLICZ" onclick="test()"><br>
</form>
<span id="c">koszt paliwa: 0 zł</span>

<script>
function zamow(){
var aaa = document.getElementById("aaa");
var ccc = document.getElementById("ccc");
var nnn = document.getElementById("nnn");
var r = document.getElementById("r");
var g = document.getElementById("g");
var b  = document.getElementById("b");
if (aaa.value==1) ccc.innerHTML="miś";
if (aaa.value==2) ccc.innerHTML="serce";
if (aaa.value==3) ccc.innerHTML="zaba";

// jeden sposób
nnn.style.backgroundColor = "#"+r.value+g.value+b.value;
// drugi sposób
nnn.style.backgroundColor = "rgb("+r.value+", "+g.value+", "+b.value+")";

}
</script>

<form method="post" action="">
  podaj nr krztałtu<br>
<input type="number" id="aaa"><br>
skomponuj swoj kolor<br>
  r:<input type="number" id="r">
  g:<input type="number" id="g">
  b:<input type="number" id="b">
  <br>
  <input type="button" value="zamów" onclick="zamow()">
  <br>
  <span id="ccc">wybierz krztałt</span>
  <br>
  <input type="button" value="wybrany kolor" id="nnn">
 
</form>