--------------------------HTML-----------------------------------
<html><head><meta charset="UTF-8">
<link rel="stylesheet" href="adam_div.css"></head>
<body>
<div class="pudlo"><div class="radio"></div>
<div class="lewy">
<textarea rows="10" cols="20" id="tekst" name="ss"></textarea><br>
</div>
<div class="srodek"><br>
<input type="text" id="liczba1" value="">+<br><br>
<input type="text" id="liczba2" >= <input type="text" id="wynik" >
<br><br>
<br><br><input type="button" onclick="czysc()" value="Kasuj" id="A5">
<input type="button" onclick="czytaj()" value="Sumuj" id="A5"><br>
<script>
function czytaj(){
var im=document.getElementById("liczba1").value;
var nazw=document.getElementById("liczba2").value;
var licz1=parseInt(im), licz2=parseInt(nazw);
var suma=licz1+licz2;
document.getElementById("wynik").value=suma;
}
function czysc(){document.getElementById("liczba1").value=" ";
document.getElementById("liczba2").value=" ";
document.getElementById("wynik").value=" ";
}
</script></div>
<div class="prawy"><p id="rr"></p></div>
<div class="stopka"> stopka</div>
</div></body></html>
-----------------------------------------------------------------------------
-------------------------------CSS-------------------------------------------
.pudlo {
background-color:#FFAA00;
width:800px;
height:600px}
.radio {
float: left;
width:800px;
height:50px;
background-color:#aaaaaa
}
.lewy {
float: left;
width:200px;
height: 500px;
background-color: #FFAAAA
}
.srodek {
float: left;
width:400px;
height: 500px;
background-color: #00ff00
}
.prawy {
float: left;
width:200px;
height: 500px;
background-color: #ffaaff
}
.stopka {
float: left;
width:800px;
height: 50px;
background-color: #AAAAff
}
#tekst{background-color:yellow;}
#imie{background-color:yellow;}
#liczba1{background-color:yellow;}
#liczba2{background-color:yellow;}
#wynik{background-color:yellow;}