Как изменить название кнопки Javascript в цикле?

Question

Как изменить название кнопки Javascript в цикле?

n0bleman Ученик (19), на голосовании 1 месяц назад

Как поменять название кнопки по его id ? id опрпеделяет но имя не меняется
<script>
var buttons = document.getElementsByTagName('button');
for (var i = 0; i < buttons.length; i++) {
(function (i) {
buttons[i].onclick = function () {
alert("button " + i + " was clicked");
const button =

(i).innerHTML = 'Выполнение...';
}
}(i));
}
</script>

Answer 1

V̲i̲s̲t̲a̲s̲t̲e̲r̲ Искусственный Интеллект (271701) 2 месяца назад

buttons[i].innerHTML = 'Выполнение...';

Answer 2

Функция лишняя.
var древний оператор.
Здесь нонсенс:

 (i).innerHTML = 'Выполнение...';

Правильный вариант:

 const buttons = document.getElementsByTagName('button'); 
for (let i = 0; i < buttons.length; i++) { 
    buttons[i].addEventListener('click', function () {
        alert(`Button nr. ${i + 1} was clicked!`);
        this.textContent = 'Выполнение...';
    });
}

По какого года учебникам учитесь? let/const уже 10 лет скоро исполнится а вы всё ещё var пишите.?

Answer 3

В вашем коде есть небольшая ошибка в строке, где вы пытаетесь изменить текст кнопки. Вместо (i).innerHTML нужно использовать buttons[i].innerHTML. Вот исправленный код:

 <script> 
    var buttons = document.getElementsByTagName('button'); 
    for (var i = 0; i < buttons.length; i++) { 
        (function (i) { 
            buttons[i].onclick = function () { 
                alert("button " + i + " was clicked"); 
                buttons[i].innerHTML = 'Выполнение...'; // Исправлено здесь 
            } 
        }(i)); 
    } 
</script>

Теперь, когда вы нажмете на кнопку, текст кнопки изменится на "Выполнение...".