Не могу решить задачу.
Даны абзацы с текстом и кнопка. По нажатию на кнопку запишите в конец текста каждого абзаца его порядковый номер.
Я понимаю, что надо применить querySelectorAll и раз нужно указать порядковый номер, то следует перебрать простым for . Но чего-то я не учитываю и прошу подсказку, чтобы увидеть как правильно! Моё решение:
let elems = document.querySelectorAll('.elem');
let button = document.querySelector('#button');
button.addEventListener('click', function(){
for(let i=0;i<elems.length; i++){
elems= elems[i];
elems.innerHTML = elems.innerHTML +''+ i;
i++;
}
});
|
Gm5,
строка 10 зачем? |
Gm5,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<p class="elem">lorem</p>
<p class="elem">lorem</p>
<p class="elem">lorem</p>
<p class="elem">lorem</p>
<p class="elem">lorem</p>
<p class="elem">lorem</p>
<p class="elem">lorem</p><button id="button">go</button>
<script>
let elems = document.querySelectorAll('.elem');
let button = document.querySelector('#button');
button.addEventListener('click', function(){
for(let i=0;i<elems.length; ){
let elem= elems[i++];
elem.innerHTML += i;
}
});
</script>
</body>
</html>
|
рони,
Спасибо! :thanks: |
| Часовой пояс GMT +3, время: 20:02. |