Creare una scacchiera in javascript

**crissstian96** · 28-07-2013, 22:27

Non so perché, ma anche i programmini più semplici non mi funzionano e va a finire che sto ore e ore su una cosa che in teoria dovrebbe funzionare. Se è inesperienza o sfiga non lo so, comunque ho provato questo codice per creare una scacchiera in javascript:

codice:

                        var chessboard = document.getElementById('chessboard');
			chessboard.innerHTML = '<table><tr>';
			for(i=0; i<8; i++){
				if(i!=0)
				  chessboard.innerHTML += '</tr><tr>';
				for(j=0; j<8; j++)
					chessboard.innerHTML += '<td></td>';
				}
			chessboard.innerHTML += '</tr></table>';

Ho fatto un debug e non ci sono errori, se posiziono un alert in qualsiasi parte del codice questo viene letto, dall'inizio fino alla fine.
Se scrivo del testo negli innerHTML viene letto anch'esso. Però è come se la tabella si chiudesse prima del ciclo for e dunque i td e i tr non vengono letti poiché manca l'elemento padre.
Qualcuno può aiutarmi?

**badaze** · 28-07-2013, 23:26

Prova questo.

codice:

<body>

<div id="chessboard"></div>


<script language="javascript"> 


            var chessboard = ''; // = 
			
			chessboard = '<table >';
			for(i=0; i<8; i++){
				chessboard += '<tr>';
				
				for(j=0; j<8; j++) {
					chessboard += '<td>pippo</td>';
				}
				chessboard += '</tr>';
		    }
			chessboard += '</table>';
			// alert(chessboard);

			document.getElementById('chessboard').innerHTML = chessboard;

</script>

</body>

**crissstian96** · 28-07-2013, 23:47

Originariamente inviato da badaze
Prova questo.

codice:

<body>

<div id="chessboard"></div>


<script language="javascript"> 


            var chessboard = ''; // = 
			
			chessboard = '<table >';
			for(i=0; i<8; i++){
				chessboard += '<tr>';
				
				for(j=0; j<8; j++) {
					chessboard += '<td>pippo</td>';
				}
				chessboard += '</tr>';
		    }
			chessboard += '</table>';
			// alert(chessboard);

			document.getElementById('chessboard').innerHTML = chessboard;

</script>

</body>

Come cavolo ho fatto a non pensarci prima? Maledetto me

Grazie mille

**carlomarx** · 29-07-2013, 01:10

http://htmlchess.sourceforge.net/demo/example.html

**Al_katraz984** · 29-07-2013, 11:16

innerHTML?

e poi.. non penso che la scacchiera cambi nel tempo quindi perchè non farla in html?

**badaze** · 29-07-2013, 16:58

Originariamente inviato da Al_katraz984
innerHTML?

e poi.. non penso che la scacchiera cambi nel tempo quindi perchè non farla in html?

Buona domanda.

Discussione: Creare una scacchiera in javascript

Strumenti discussione

Ricerca discussione

Visualizza

Creare una scacchiera in javascript

Permessi di invio