<html>
<head>
<title>Esercizio JS0004 (Codice)</title>
<script language="Javascript">
function Quadrati(n)
{ document.getElementById("out").value="";
for (i=1;i<=n;i++)
document.getElementById("out").value += i*i +"\n";
document.getElementById("out").value += "Fine elaborazione";
}
</script>
<style type="text/css">
body {
text-align: center;
}
#telaio {
width: 800px;
margin: 0px;
border:1px solid gray;
line-height:150%;
color: black;
background-color: #ffffcc;
position: absolute;
left: 50%;
margin:10px 0 0 -400px;
}
#testata {
font-size: 130%;
text-align: center;
}
#fondo {
font-size: 85%;
text-align: center;
}
#output {
font-size: 85%;
text-align: center;
}
#testata, #fondo {
padding:0.5em;
color:white;
background-color: #cc9900;
clear:left;
}
#sinistro {
float:left;
width:390px;
margin: 0px;
padding: 5px;
text-align: left;
}
#destro {
margin-left: 410px;
border-left:1px solid gray;
padding:10px;
}
</style>
</head>
<body>
<form name="modulo" method="post" action="">
<div id="telaio">
<div id="testata"> Calcolo dei primi n quadrati </div>
<div id="sinistro">
Inserisci il numero dei quadrati da visualizzare
</div>
<div id="destro">
<input type="text" name="n">
</div>
<div id="fondo">
<input type="button" name="esegui" value="Esegui" onclick="Quadrati(document.modulo.n.value)">
</div>
<div id="output">
<textarea id="out" rows="20"></textarea>
</div>
</div>
</form>
</body>
</html>