esercizio javascript

**blob84** · 28-10-2009, 10:31

Ciao ho delle difficoltà con questo esercizio:
# Scrivere uno script che stampi la Tavola Pitagorica. Il risultato deve essere presentato in una tabella.
ho provato a fare così solo moltiplicando il valore 7, ma il codice html generato non è corretto:

Codice PHP:


function pitagoraTable() {     

    for (i=0;i<=10;i++) {             

             document.write("<table border='1'>" + "<tr>" + "<td>");             

             document.write(i*7);             

             document.write("</td>" + "</tr>" + "</table>");

è meglio usare i DOM o si può correggere quello che ho fatto io?

**fcaldera** · 28-10-2009, 11:25

prova questo codice

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>xhtml 1.0</title>

		<style type="text/css">
		table {
			border-collapse	: collapse;
		}
		table, td {
			border				: 1px #ccd solid;
		}

		td {
			width				: 35px;
			text-align			: center;
		}
		</style>
	</head>

<body>

<script type="text/javascript">
// <![CDATA[

	function tavolaPitagorica(n, caption) {

		var table = '<table>';
		for (i=1; i<=n; i++) {
			table  += '<tr>';
			for (j=1; j<=n; j++) {
				table += '<td>'+ (i * j) +'</td>';
			}
			table  += '</tr>';
		}

		table += '</table>';
		if (caption) table += '

'+ caption +'</p>';
		document.write(table);
	}

	tavolaPitagorica(4, 'tavola pitagorica 4x4');

	tavolaPitagorica(8, 'tavola pitagorica 8x8');

	tavolaPitagorica(10, 'tavola pitagorica 10x10');

// ]]>
</script>

</body>
</html>

lascio a te le modifiche eventuali (stile, posizione del caption, ...) e l'analisi della soluzione
(innerhtml vs. metodi del dom per una tabella)

**blob84** · 28-10-2009, 12:43

grazie

a me visto che interessava solamente il codice javascript e la tavola 10x10 ho tolto gli stili e ho fatto semplicemente così:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head> 
	<title>esercizi javascript [url]h] n.6</title> </head>	  <body>	  	
        <script type="text/javascript"> 	
        <!--//
 		var table="<table border='1'>"; 	
	for (i=1;i<=10;i++) { 			table=table +"<tr>"; 			for (j=1;j<=10;j++) { 				table = table + "<td>" + (i*j) + "</td>"; 			} 			table = table + "</tr>"; 		} 		table = table + "</table>"; 			document.write(table); 	//--> 	</script>	 	    </body> </html>

**blob84** · 28-10-2009, 12:48

grazie

a me visto che interessava solamente il codice javascript e la tavola 10x10 ho tolto gli stili e ho fatto semplicemente così:

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>esercizi javascript n.6</title>
</head>	

<body>	

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



</body>
</html>

il += l'ho sostituito con una formula intera per una mia maggiore comprensione visto che sto agli inizi

Però quando vado a convalidare la pagina mi dà errore:

codice:

line 16 column 42 - Errore: end tag for element "TD" which is not open
line 18 column 24 - Errore: end tag for element "TR" which is not open
line 20 column 26 - Errore: end tag for element "TABLE" which is not open

da cosa dipende?

Discussione: esercizio javascript

Strumenti discussione

Ricerca discussione

Visualizza

esercizio javascript

Permessi di invio