Проблема вывода addeventlistener

118

04 января 2020, 21:40

Проблема в выводе всего что идет после for.

let button = document.querySelectorAll(".number"),
    clear = document.getElementById("clear"),
    textview = document.getElementById("textview"),
    result = document.getElementById("result"),
    del = document.getElementById("delete");
for( let b in button ){
button[b].addEventListener("click", function(){
    return textview.value += button[b].value;
});}    // output data
clear.addEventListener("click", function(){
     return textview.value = " ";
});     //clear
result.addEventListener("click", function(){
     return textview.value = eval(textview.value);
});     //result
del.addEventListener("click", function(){
    return textview.value = (textview.value).slice(0, -1);
});

Answer 1

querySelectorAll возвращает не массив, а массиво-подобный объект.

Неправильно:

let button = document.querySelectorAll(".number"); 
for( let b in button ){ 
  console.log(b); 
}

<div class="number"></div> 
<div class="number"></div>

Правильно:

let button = document.querySelectorAll(".number"); 
for(let b = 0; b < button.length; b++){ 
  console.log(b); 
}

<div class="number"></div> 
<div class="number"></div>

или

document.querySelectorAll(".number").forEach((el, b) => console.log(b));

<div class="number"></div> 
<div class="number"></div>

Создание эксклюзивного проекта в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Внутренние push уведомления в cordova

Доброго времени?Вопрос такой: как можно настроить отправку push уведомления в приложении android\ios на cordova (54

125

javascript

Ошибка в отдельном js Uncaught TypeError: Cannot read property 'classList' of null?

я только начал изучать html и js и использовал скрипт для добавления класса к элементуЕсли скрипт находится в html документе то всё работает, но если...

114

javascript

Управление очередью при загрузке DOM

Есть модальное окноВ нём много изображений

112

javascript

Распечатать изображение по ссылке

Есть ф-я которая по идеи должна выводить на печать картинку:

120