This function return me undefined

Asked Mar 23 '20 at 18:30

Active Mar 23 '20 at 18:35

Viewed 30 times

I have this code

var prizes = ['Un unicorno!', 'Un abbraccio!', 'Un gelato!'];
for (var btnNum = 0; btnNum < prizes.length; btnNum++) {
  document.getElementById('btn-' + btnNum).onclick = function() {
    alert(prizes[btnNum]);
  };
}

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

Why when i click return me undefined ? And how i can correct ?

edited Mar 23 '20 at 18:35

Sebastian Kaczmarek

8,120
4
20
38

asked Mar 23 '20 at 18:30

Marco Rispoli

1

Related: https://stackoverflow.com/questions/750486/javascript-closure-inside-loops-simple-practical-example – Caramiriel Mar 23 '20 at 18:33
TLDR; you need `let btnNum = 0`. But I do recommend you to read the linked question. – Yury Tarabanko Mar 23 '20 at 18:34

This function return me undefined

0 Answers0