Estoy tratando de construir una tabla de multiplicar y mostrar los resultados, pero necesito poner la x en la esquina superior izquierda, por alguna razón aparece en la parte inferior derecha, ¿qué estoy haciendo mal?
document.write("<table><tbody>"); var blank = "x"; var cols = 0; var rows = 0; // ca for (let rows = 0; rows <= 10; rows++) { document.write('<tr>'); for (let cols = 0; cols <= 10; cols++) document.write('<td>' + rows + ',' + cols + '</td>') } if (rows === 0 && cols === 0) { document.write('<td>' + blank + '</td>') }"¿Qué estoy haciendo mal?" mucho
Debe pensar en lo que está tratando de hacer primero, antes de hacerlo.
Su tabla html está mal formada, ni siquiera cierra las etiquetas <tr> .
for (let row = 0; row <= 10; row++) { document.write('<tr>'); for (let col = 0; col <= 10; col++) { if (row == 0 && col == 0) { document.write('<td>x</td>'); } else if (row == 0) { document.write('<td>' + col + '</td>'); } else if (col == 0) { document.write('<td>' + row + '</td>'); } else { document.write('<td>' + row * col + '</td>'); } } document.write('</tr>'); }Pruébelo aquí .