Какие советы по решению проблем при попытке прикрепить функцию onclick () к кнопке?

Question

Я хочу, чтобы моя кнопка запускала загрузку PDF-файла при нажатии. Однако у меня возникают проблемы с получением кнопки для запуска функции при нажатии. Сейчас я просто хочу, чтобы кнопка console.log "работала"

Я выбрал правильный элемент и определил тип как «кнопку», и я могу console.log кнопку. Но при присоединении button.onclick () = function {console.log («все работает»);}; он не вызывает console.log в консоли. Я также поместил функцию onclick в функцию window.onload.

 <div id="resume" class="resume">
    <button type="button" id="resume-button" class="resume-button">RESUME</button>
</div>

- JavaScript -

var button = document.querySelectorAll('.resume-button');

window.onload = function(){

button.onclick = function(){
    console.log("yay its working");
}; }

Я ожидаю, что при нажатии кнопки консоль выдаст «все работает», но при нажатии ничего не происходит.

Answer 1

document.querySelectorAll возвращает NodeList, так что вам нужно получить доступ к кнопке в качестве первого элемента этого NodeList (document.querySelectorAll('.resume-button')[0])

var button = document.querySelectorAll('.resume-button')[0];

button.onclick = function(){
  console.log("yay its working");
};

<div id="resume" class="resume">
    <button type="button" id="resume-button" class="resume-button">RESUME</button>
</div>

Также обратите внимание, что нет необходимости переносить назначение функции onclick в window.onload