我有問題得到一個按鈕的工作。我想,當我點擊這個按鈕事情發生:按鈕addEventListener不起作用
<button id="pigBtn" value="click">Pig It!</button>
和我的JS文件有
window.addEventListener('load', function(){
console.log('hello');
let pigBtn = document.querySelector('#pigBtn');
console.log('pigged');
pigBtn.addEventListener('click', function(){
function pigIt(phrase) {
let array = phrase.split(' ');
console.log('array');
for (let i = 0; i < phrase.length; i++) {
let pig = array[i].split('');
let one = pig.shift();
pig.push(one);
pig.push('ay');
let two = pig.join('');
array[i] = two;
}
return array.join(' ');
}
});
});
「你好」和「清管」出現,但「數組」沒有。我在這裏錯過了什麼?
'ID = 「pigBtn」''VS querySelector( '#清管')' –
變化讓pigBtn =文件.querySelector( '#清管');讓pigBtn = document.querySelector('#pigBtn'); –
使用getElementById而不是querySelector來查找一個ID ...它快得多。 – baao