hej właśnie zacząłem naukę js i postanowiłem zrobic projekt kalkulatora. Jenak nie funkcjonuje jak powinien pomoże mi ktoś
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="main.css">
<script type="text/javascript">
var wartosc1 = document.getElementById("pole1").value;
var wartosc2 = document.getElementById("pole2").value;
var znak = document.getElementById("znak").value;
function dzialanie()
{
if(znak == '+')
{
var wynik = wartosc1 + wartosc2;
document.getElementById("pole3").innerHTML = wynik;
}
else if (znak == '-')
{
var wynik = wartosc1 - wartosc2;
document.getElementById("pole3").innerHTML = wynik;
}
else if (znak == '*')
{
var wynik = wartosc1*wartosc2;
document.getElementById("pole3").innerHTML = wynik;
}
else if(znak == '/')
{
var wynik = wartosc1/wartosc2;
document.getElementById("pole3").innerHTML = wynik;
}
}
</script>
</head>
<body>
<h1>Kalkulator</h1>
<input type="text" id="pole2">
<input type="text" id="pole2">
<select id="znak">
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</select>
<input type="submit" id="przycisk" value="oblicz" onclick="dzialanie()">
<h2>Wynik to :<span id="pole3"></span></h2>
</body>
</html>