Почему мои значения не определены?

Question

[marsel81]

Я делаю игру "Игра в города". У меня есть массив, который содержит названия городов. Если я открою страницу, пользователь может увидеть одну случайную букву и поле ввода с кнопкой. Он должен ввести город с такой же буквой. Но теперь у меня есть ошибки и неопределенные значения.

Итак, у меня есть начальные значения, которое я вижу, когда я открываю страницу:

var rand = generateRandom(rand);
    LettersDiv.innerHTML = ab[rand];

И у меня есть функция, которая вызывается, когда я нажимаю кнопку:

function turnRound(e,myUser, myBot){
        var myChoise;
        myChoise = document.getElementById("city").value; //input box
        var botData = searchWord(ab[rand]); //city in array
        ab.splice(rand, 1); //alphabeta
        if(botData !== null) resultDiv.innerHTML += botData + '<br>';
        if(myChoise !== null) resultDiv.innerHTML += myChoise + '<br>';
        var rand = generateRandom(rand);
        LettersDiv.innerHTML = ab[rand];
        e.preventDefault();
    }

но botData имеет значение 0, а не город. Что делать? полный код:

https://plnkr.co/edit/NN8XnORn45CIx4XT6HNd?p=preview

Answer 1

[0xD34F]

Если вы внутри функции определяете переменную с таким же именем, как и у переменной из внешней области видимости, то последняя окажется недоступной. Строка 57 - уберите ключевое слово var.