Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Создание таблицы (https://javascript.ru/forum/dom-window/75107-sozdanie-tablicy.html)

DVV 03.09.2018 13:37

Создание таблицы
 
Пытаюсь создать таблицу из трех рядов по 9 ячеек. Понимаю, что что-то пишу не так, но никак не могу догнать, что именно. Мне кажется, что я </tr> не там замыкаю, а где правильно будет?

let cardSection = document.querySelector('.player-card'),
	newPlayerCard;
	
for (i = 0; i <= 3; i++) {
newPlayerCard = `<table border='1' width='632px' cellspacing='0'><tr>`;
	for(let j = 1; j <= 9; j++) { 
	  newPlayerCard += `<td align='center' width='70px' height='66px'></td>`;
	    	
	}
	newPlayerCard += `</tr>`;
}
newPlayerCard += `</table>`;
cardSection.innerHTML = newPlayerCard;

Dilettante_Pro 03.09.2018 13:51

<div class ="player-card"></div>
<script>
let cardSection = document.querySelector('.player-card'),
	newPlayerCard = `<table border='1' width='632px' cellspacing='0'>`;
	
for (i = 0; i < 3; i++) {
newPlayerCard += `<tr>`;
	for(let j = 0; j < 9; j++) { 
	  newPlayerCard += `<td align='center' width='70px' height='66px'></td>`;
	    	
	}
	newPlayerCard += `</tr>`;
}
newPlayerCard += `</table>`;
cardSection.innerHTML = newPlayerCard;
</script>

DVV 03.09.2018 13:53

Блин вот я туплю. Все оказалось совсем просто. Спасибо большое))


Часовой пояс GMT +3, время: 06:27.