Tavola pitagorica 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:

javascript tabella

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>

Alcuni link utili

Indice tutorial JavaScript

Introduzione al tutorial JavaScript

Il linguaggio JavaScript

Come utilizzare JavaScript alert

Come utilizzare JavaScript confirm

Utilizzare JavaScript prompt

Variabili in JavaScript

JavaScript substring

Autore dell'articolo: Cristina

Avatar per Coding Creativo

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *