Ecco il codice completo per realizzare questo programma:
<!DOCTYPE html>
<html>
<head>
<title>Calcolo dell'area del rettangolo</title>
<style>
html {
background-color: green;
font-family: Arial;
color: white;
}
label {
display: inline-block;
width: 4em;
}
input {
margin: 0.5em 0;
}
input[type="text"] {
width: 5em;
}
input[type="button"] {
width: 10.5em;
}
</style>
<script>
function calcolaArea() {
var b = document.getElementById("base").value;
var h = document.getElementById("altezza").value;
var A = b * h;
document.getElementById("area").value = A;
}
</script>
</head>
<body>
<h1>Introduzione a Javascript</h1>
<h2>Calcolo dell'area di un rettangolo</h2>
<label>Base:</label>
<input type="text" id="base"><br>
<label>Altezza:</label>
<input type="text" id="altezza"><br>
<input type="button" onclick="calcolaArea()" value="Calcola l'area"><br>
<label>Area:</label>
<input type="text" id="area">
</body>
</htmlTratto da questo sito: http://marcuspag.eu/siti_web_area_rettangolo_js.html