Per favore, aiuto nella correzione di una rubrica da far vedere in una tabella HTML

di il
1 risposte

Per favore, aiuto nella correzione di una rubrica da far vedere in una tabella HTML

In pratica io devo fare comparire i 2 contatti di una rubrica all'interno di una tabella.

Però mi un output sbagliato perché mi prende all'interno della tabella solo i campi Titolo, Nome, Cognome, Età, Cellulare, Email.

Il punto è che come valori mi da tantissimi Undefined insieme ai valori che io ho dato ai campi.

Se qualcuno mi potesse spiegare dove ho sbagliato gliene sarei grato


<!DOCTYPE html>
<html>
<head>
<title>Tabella rubrica</title>
<script>
var rubrica =
{
	"contatto" :
	[
		{
			"Titolo": "Sig."
		},
		
		{
			"Nome": "Paolo"
		},
		
		{
			"Cognome": "Bianchi"
		},
		
		{
			"Eta": "20"
		},
		
		{
			"Cellulare": "3879578471"
		},
		
		{
			"Email": "pbianchi@gmail.com"
		}
	],
	
	"contatto" :
	[
		{
			"Titolo": "Sig."
		},
		
		{
			"Nome": "Gino"
		},
		
		{
			"Cognome": "Rossi"
		},
		
		{
			"Eta": "25"
		},
		
		{
			"Cellulare": "3978457145"
		},
		
		{
			"Email": "grossi@outlook.it"
		}
	],
}

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

document.write("<td>Titolo</td>");
document.write("<td>Nome</td>");
document.write("<td>Cognome</td>");
document.write("<td>Eta</td>");
document.write("<td>Cellulare</td>");
document.write("<td>Email</td>");
document.write("</tr>");

for (var i = 0; i < rubrica.contatto.length; i++)
{
	document.write("<table>");
	
	document.write("<tr>");
	
	document.write("<td>" + Object.keys(rubrica.contatto[i])[0] + "</td>");
	document.write("<td>" + rubrica.contatto[i].Titolo + "</td>");
	

	document.write("<td>" + Object.keys(rubrica.contatto[i])[1] + "</td>");
	document.write("<td>" + rubrica.contatto[i].Nome + "</td>");


	document.write("<td>" + Object.keys(rubrica.contatto[i])[2] + "</td>");
	document.write("<td>" + rubrica.contatto[i].Cognome + "</td>");

	
	document.write("<td>" + Object.keys(rubrica.contatto[i])[3] + "</td>");
	document.write("<td>" + rubrica.contatto[i].Eta + "</td>");


	document.write("<td>" + Object.keys(rubrica.contatto[i])[4] + "</td>");
	document.write("<td>" + rubrica.contatto[i].Cellulare + "</td>");


	document.write("<td>" + Object.keys(rubrica.contatto[i])[5] + "</td>");
	document.write("<td>" + rubrica.contatto[i].Email + "</td>");
	
	document.write("</tr>");
	
	document.write("</table>");
}
</script>
</head>
<body></body>
</html>

1 Risposte

Devi accedere o registrarti per scrivere nel forum
1 risposte