@Den__13

Как при нажатии на любую кнопку вывести её значение?

Как при нажатии на элемент массива вывести значение этого элемента?

js пока что такой, но не знаю как обратится к каждому элементу без длинного кода повторений
const answer=document.querySelector('.answer-inpt')
const button=document.querySelectorAll('.button')

button.onclick=function(){
  answer.value+=button.text;
}

<div class="number">
  <a href="#" class="button">1</a>
  <a href="#" class="button">2</a>
  <a href="#" class="button">3</a>
  <a href="#" class="button">4</a>
</div>
  • Вопрос задан
  • 139 просмотров
Решения вопроса 1
sergiks
@sergiks Куратор тега JavaScript
♬♬
const answer = document.querySelector('.answer-inpt')
const buttonAll = document.querySelectorAll('.button')

const onclick = function() {
  answer.value += this.textContent;
}

buttonAll.forEach(button => button.addEventListener('click', onclick));


работает

фиддл


Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Для начала, button -> buttons
Через цикл:
...
const buttons=document.querySelectorAll('.button')
...

for (button of buttons){
button.onclick = function(){
//код
}
Либо пишем функцию и добавляем в том же цикле через button.addEventListener('click', fuctionName)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы