<!doctype html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>Kalkulator</title>
<link rel="stylesheet">
<style>
#wynik {
background-color: darkblue;
padding: 5px;
width: 50px;
text-align: center;
color: white;
}
</style>
<script>
function Oblicz() {
var x = Number(document.getElementById("liczba1").value);
var y = Number(document.getElementById("liczba2").value);
var z = document.getElementById("wybor").value;
if (z == "d1") document.getElementById("wynik").innerHTML = x + y;
if (z == "d2") document.getElementById("wynik").innerHTML = x - y;
if (z == "d3") document.getElementById("wynik").innerHTML = x * y;
if (z == "d4") document.getElementById("wynik").innerHTML = x / y;
}
</script>
</head>
<body>
<form>
<table>
<tr>
<td><input type="text" id="liczba1"></td>
<td>
<select id="wybor">
<option value="d1">+</option>
<option value="d2">-</option>
<option value="d3">*</option>
<option value="d4">/</option>
</select>
</td>
<td><input type="text" id="liczba2"></td>
<td>=</td>
<td id="wynik"></td>
</tr>
<tr>
<td colspan="5"><input type="button" value="Oblicz" onClick="Oblicz()"></td>
</tr>
</table>
</form>
</body>
</html>
Paste Hosted With By Wklejamy.pl