作成中のウェブページに関する問題

Question

みなさんこんにちは皆、この質問に答える時間をとってくれてありがとう。

私のウェブサイトでは、私はhtmlで行った3つのボタンを作成しようとしています。

ON JS私は配列やアイテムを作ってDOMを使ってみましたので、somsoneがボタンをクリックするたびに対応するアイテムが表示されますが、現在は警告が表示されていません。私を助け、エラーをデバッグする手助けをしてくれますか？

HTMLがあります。

<button id ="btn-0">Button 1!</button> 
<button id ="btn-1">Button 2!</button> 
<button id ="btn-2">Button 3!</button> 

そしてJSがあります

var items = ['Sugar','Tea','Peper'] 
for (var btnNum=0; btnNum <items.length;btnNum++){ 
document.getElementbyId('btn-' + btnNum).onclick = function() { 
alert(items[btnNum]); 
}; 
} 

私はJSコードの上に、私の警告に間違いを行っているところ誰かが私がではなく、未定義受けています教えてくださいことができます配列の項目を取得していますか？

非常に初心者のJS質問のお詫び！

Answer 1

var items = ['Sugar','Tea','Peper'] 
for (var btnNum=0; btnNum <items.length;btnNum++){ 
    (function(btnNum){ 
    document.getElementById('btn-' + btnNum).onclick = function() { 
    alert(items[btnNum]); 
    }; 
    })(btnNum) 

}