<html><head><meta charset="UTF-8">
<link rel="stylesheet" href="rest.css"></head>
<body>
<div class="pudlo">
<div class="gora">RESTAURACJA</div>
<div class="lewy">
Zamówienie dla stołówki CKR <br>
Zupa:<br>
<input type="text" id="zupa1" name="zupa1" value=" ">
Cena:<input type="text" id="cena1" name="cena1" value=" "><br><br>
Drugie:trzy składniki:<br>
1.<input type="text" id="drugie1" name="drugie1" value=" ">
Cena:<input type="text" id="drugie11" name="drugie11" value=" "> <br>
2.<input type="text" id="drugie2" name="drugie2" value=" ">
Cena: <input type="text" id="drugie22" name="drugie22" value=" "><br>
3.<input type="text" id="drugie3" name="drugie3" value=" ">
Cena: <input type="text" id="drugie33" name="drugie33" value=" "><br>
<input type="button" id="wyslij" value="Wyślij" onclick=wyslij()>
<input type="button" id="dod" value="Dodaj" onclick=dodaj()>
<input type="button" id="kas" value="Kasuj" onclick=kasuj()><br>
</div>
<div class="srodek" id="sr">
<script>
function wyslij()
{var a=document.getElementById("zupa1").value;
b=document.getElementById("drugie1").value;
c=document.getElementById("drugie2").value;
d=document.getElementById("drugie3").value;
document.getElementById("sr").innerHTML="Zupa:"+a+"<br>"+"Drugie:"+b+", "+c+","+d+"<br>";
var c1=document.getElementById("cena1").value;
var c2=document.getElementById("drugie11").value;
var c3=document.getElementById("drugie22").value;
var c4=document.getElementById("drugie33").value;
e=parseInt(c1)+parseInt(c2)+parseInt(c3)+parseInt(c4);
document.getElementById("sr").innerHTML="Zupa:"+a+"<br>"+"Drugie:"+b+", "+c+","+d+"<br>"+"cena:"+e;
}
function kasuj(){
document.getElementById("drugie1").value=" ";
document.getElementById("zupa1").value=" ";
document.getElementById("drugie2").value=" ";
document.getElementById("drugie3").value=" ";
a=document.getElementById("zupa1").value;
b=document.getElementById("drugie1").value;
c=document.getElementById("drugie2").value;
d=document.getElementById("drugie3").value;
document.getElementById("sr").innerHTML="Zupa:"+a+"<br>"+"Drugie:"+b+" "+c+""+d+"<br>";
document.getElementById("cena1").value="";
document.getElementById("drugie11").value="";
document.getElementById("drugie22").value="";
document.getElementById("drugie33").value="";
}
</script>
</div>
<div class="prawy">
</div>
<div class="stopka"> stopka</div>
</div></body></html>
