HTML таблицанын уячаларын JavaScript менен өзгөртүү

Кандайдыр бир #table HTML таблицасы берилсин. Таблицанын ар бир уячасы менен бир нерсе кылуу милдети тургузулсун, мисалы, ар бирине '!' текстин жазуу.

Мына ушул сыяктуу милдетти чыгаруунун нуанстарын талкуулайлы.

Билгендей, HTML таблица эки өлчөмдүү түзүлүштө: катарлар бар жана аларда уячалар бар. Биздин милдетти төмөнкүдөй чечсе болот: цикл менен катарларды аралап, ар бир катарда уячаларды цикл менен аралап, аларга бизге керек болгон аракетти кылуу. Башкача айтканда, көрсөтүлгөн схема таблицаны катарлар жана уячалар менен толтуруп жаратууга окшош.

Бирок, бул учурда, бири-биринин ичиндеги эки цикл керексиз болот: жөн эле бардык td элементтерин алып, аларды цикл менен аралап, керектүү операцияны аткарса болот. Келгиле, муну жасайлы:

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

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

Сандары бар белгилүү бир HTML таблицасы жана баскычы берилсин. Баскычты басканда, таблицанын ар бир уячасындагы санды эки эсе көбөйтүңүз.