<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<title>3.2.10 Es 5</title>
</head>
<style>
.bordo{border: 1px solid black}
tr:nth-child(even) {background: #EEE}
</style>
<body>
<h1>Tabelline</h1>
<script>
function costruisciArray() {
let arr=Array(10);
for (let i = 0; i < 10; i++) {
let riga=Array(10);
for (let j = 0; j < 10; j++) {
riga[j]=(i+1)*(j+1);
}
arr[i]=riga;
}
return arr;
}
function stampaArray(arr) {
document.write('<table class="bordo">');
for (let i = 0; i < 10; i++) {
document.write('<tr>')
for (let j = 0; j < 10; j++) {
document.write('<td class="bordo">');
document.write(arr[i][j]);
document.write('</td>');
}
document.write('</tr>');
}
document.write('</table>');
}
let arr=costruisciArray();
stampaArray(arr);
</script>
</body>
</html>
Comments