Tutorial interattivo per costruire una tavola pitagorica - matematica con javascript su webfract

Contatti	MATEMATICA CON JAVASCRIPT TUTORIAL PER COSTRUIRE UNA TAVOLA PITAGORICA

Il presente tutorial si riferisce a creare una tavola pitagirica della guida a MATEMATICA CON JAVASCRIPT.

Abbiamo preparato un documento che ha l'aspetto definito dalle righe di codice inserite nell'area di testo in basso a sinistra.

All'inizio è stato dichiarato lo stile per la tabella. Provate a definire il vostro stile preferito.

Moltissimi esempi si possono trovare su w3c - CSS Examples

Provate a modificare il codice e quindi vedete l'anteprima cliccando su uno dei pulsanti:

A LATO per osservare il risultato nell' iframe a destra nella pagina;
POPUP per osservare il risultato in una finestra popup

(I pulsanti si trovano sotto l'area di testo)

NOTA BENE - Gli utenti google chrome possono solo visualizzare il risultato in una popup, a causa del malfunzionamento del browser con gli iframe.

Infine, cliccando sul tasto AGGIORNA, viene ricaricata la pagina corrente come è adesso:

IN EVIDENZA DAL SITO

www.tommasobientinesi.it

La passione per i viaggi e la natura nel nuovo sito di Tommaso Bientinesi

CODICE

<HTML>
<head>
<style>
.tabella1 {border-collapse:collapse}
 .tdTabIni {
  background-color: #fff5ee;
  width:32px;
  height:36px;
  text-align:right;
  color:maroon;
  font-weight:bold;
  border: 1px solid #cacdcd;
  }
 .tdTab {
  border: 1px solid #cacdcd;
  width:32px;
  height:36px;
  text-align:right;
  color:navy;
  font-weight:bold;
  }
 .Op {
   background-color: navy;
   border: 1px solid #191970;
   width:32px;
   height:36px;
   color:white;
   text-align:center;
   font-weight:bold
  }
</style>
</head>
<BODY>
<script type="text/javascript">
var base = 10;
var A = new Array();
for (i=0; i<base; i++) {
A[i]=i+1;
}
var B = A;
document.write('<p><table class="tabella1">');
document.write('<tr><td class ="Op">×</td>')
for (i=0; i<B.length; i++) {
document.write('<td class="tdTabIni">'+B[i]+'</td>')
}
document.write('</tr>')
for (i=0; i<A.length; i++) {
    document.write('<tr><td class="tdTabIni">'+ A[i]);
    for (j=0; j<B.length; j++) {
    document.write('<td class="tdTab">')
      document.write(A[i]*B[j]);
    document.write('</td>')
 }
 document.write('</tr>')
 }
document.write('</table></p>');
document.close()
 </script>
</BODY>
</HTML>

RISULTATO

Matematica con javascript: Pagina iniziale - Tavola pitagorica - Indice - Indice tutorials

MATEMATICA CON JAVASCRIPT

TUTORIAL PER COSTRUIRE UNA TAVOLA PITAGORICA

CODICE

RISULTATO