Змяненне ячэек HTML табліцы на JavaScript

Няхай дадзена некаторая HTML табліца #table. Няхай перад намі стаіць задача што-небудзь зрабіць з кожнай ячэйкай табліцы, напрыклад, запісаць у кожную з іх тэкст '!'.

Давайце абмеркуем нюансы рашэння падобнай задачы.

Як вы ведаеце, HTML табліца мае двухмерную структуру: ёсць рады, а ў іх ячэйкі. Можна вырашыць нашу задачу наступным чынам: перабраць цыклам рады і ў кожным радзе перабраць цыклам ячэйкі і зрабіць з імі патрэбнае нам дзеянне. Гэта значыць прыведзеная схема рашэння падобная таму, як бы мы стваралі такую табліцу, запаўняючы яе радамі і ячэйкамі.

Аднак, у даным выпадку, два ўкладзеных цыклы будуць лішнімі: можна проста атрымаць усе td і перабраць іх цыклам, выконваючы патрэбную аперацыю. Зробім гэта:

let tds = document.querySelectorAll('#table td');

for (let td of tds) {
	td.textContent = '!';
}

Няхай дадзена некаторая HTML табліца з лікамі і кнопка. Па націску на кнопку павялічце лік у кожнай ячэйцы табліцы ў два разы.