Tavola pitagorica JavaScript, tabelline in javascript

In questa lezione realizziamo una semplice tavola pitagorica in JavaScript.

Per realizzare questo esempio, creeremo una tabella html ed in ogni cella andremo ad inserire i nostri elementi.

Ritorniamo all’esempio di prima per capire come ottenere gli elementi da inserire nelle celle:

Dalla figura possiamo notare che se moltiplichiamo le righe con le colonne otterremo le nostre tabelline.

Infatti nella prima riga avremo 1*1=1; 1*2=2; 1*3=3,…

Nella seconda riga avremo invece 2*1=2; 2*2=4; 2*3=6, ….

E così via.

Tavola pitagorica JavaScript implementazione

Per eseguire l’implementazione allora basterà inserire in ogni cella il prodotto dei due indici i e j.

Di seguito ecco il codice completo:

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Esempi di ciclo for</title>
  </head>
  <body>
    <h1>Esempi di ciclo for</h1>

    <script type="text/javascript">
          document.write('<table border=1 cellpadding = 10>');
          for (let i=1; i<=10; i++) {
            document.write('<tr>')
            for (let j=1; j<=10; j++) {
              document.write('<td>');
              document.write(i*j);
              document.write('</td>');
            }
            document.write('</tr>');
          }
          document.write('</table>');
  </script>

  </body>
</html>

Lezione precedente: cicli annidati

Lezione successiva: successione di Fibonacci in JavaScript