Tabella moltiplicativa

di

Chiede il numero di righe e il numero di colonne e visualizza la tabella pitagorica corrispondente

  • Controlla la correttezza dei dati inseriti.
  • Aggiunge la riga e la colonna d’intestazione tramite th.
  • Tramite style le celle hanno tutte la stessa larghezza e le celle di tipo td hanno allineamento a destra.
<style>
   td { text-align: right; width: 30px }
   th {                    width: 30px }
</style>

<h1>Tavola pitagorica</h1>

<script language="JavaScript">

var r=parseInt(prompt("Quante righe?")  )
var c=parseInt(prompt("Quante colonne?"))

if(isNaN(r) || isNaN(c) || r <= 0 || c <= 0)
   document.writeln('Dati errati')
else
{
   document.writeln('<table border="1" cellpadding="4">')

   document.write('<tr>')                       // riga 0
   document.writeln('<th>' + "*" + '</th>')
   for(var j=1; j <= c; j++)
      document.writeln('<th>' + (j) + '</th>')
   document.write('</tr>')                      // fine riga 0

   for(var i=1; i <= r; i++)
   {
      document.write('<tr>')                
      
      document.writeln('<th>' + (i) + '</th>')  // colonna 0
      
      for(var j=1; j <= c; j++)
          document.writeln('<td>' + (i*j) + '</td>')
      document.writeln('</tr>')
   }
   document.writeln('</table>')
}

</script>

Lascia un commento