Hej, mam prośbę, pomoże ktoś naprawić mi ten kalkulator? :P Od razu mówię - proszę bez hejtów, że kod może być 10 razy krótszy, bo wiem o tym, ale to tylko w formie nauki, więc jest tak a nie inaczej :)
<!DOCTYPE HTML>
<html land="pl">
<head>
<link rel="stylesheet" type="text/css" href="main.css">
<title>Kalkulator</title>
<link href='http://fonts.googleapis.com/css?family=Anaheim&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="box">
<ul id="nav">
<li><a class="active" href="#">menu</a></li>
<li><a href="#">menu2</a></li>
<li><a href="#">menu3</a></li>
<li><a href="#">menu4</a></li>
</ul>
<div class="content">
<div class="wrapper">
<h2>Dodawanie</h2>
<form action="" name="kalkulator">
<p>Podaj pierwszą liczbę</p>
<input type="text" name="pierwsza">
<p>Podaj drugą liczbę</p>
<input type="text" name="druga">
<p>Podaj trzecią liczbę</p>
<input type="text" name="trzecia">
<p>Podaj czwartą liczbę</p>
<input type="text" name="czwarta">
<input type="submit" value="wyslij" name="wyslij" onClick="asd()">
</form>
</div>
<div class="wrapper">
<h2>Wynik</h2>
<p id="wynik"></p>
</div>
</div>
</div>
<script type="text/javascript">
var liczba1 = document.kalkulator.pierwsza.value;
var liczba2 = document.kalkulator.druga.value;
var liczba3 = document.kalkulator.trzecia.value;
var liczba4 = document.kalkulator.czwarta.value;
var suma;
function asd()
{
suma = liczba1 + liczba2 + liczba3 + liczba4;
document.getElementById("wynik").innerHTML = suma;
}
</script>
</body>
</html>