indexOf(), отображающее неожиданное значение

Question

При выполнении предупреждения индекс первого элемента, т.е. фиолетовый, отображается -1. Но это неожиданно для получения правильного результата. Если я не могу получить ожидаемый результат, кто-нибудь мне поможет что я могу пойти дальше в кодировании. Фактически m new для javascript, поэтому я столкнулся с такой проблемой. Надеюсь, вы ответите, как только сможете.

var colors = ["voilet", "indigo", "blue", "green", "yellow", "orange", "red"]; 
 
var target; 
 
var target_index; 
 
var guess_input; 
 
var finished = false; 
 

 
function do_game() { 
 
    var random_number = Math.random() * 7; 
 
    var random_number_integer = Math.floor(random_number); 
 
    var target_index = random_number_integer; 
 
    target = colors[target_index]; 
 
    alert(target); 
 
    while (!finished) { 
 

 
    var guess_input = prompt("I am thinking of a color " + 
 
     "violet,indigo,blue,green,yellow,orange,red" + 
 
     "What is the color?"); 
 
    alert(colors.indexOf(guess_input)); 
 
    finished = check_guess(); 
 
    } 
 
} 
 

 
function check_guess() { 
 

 
    if (colors.indexof(guess_input) < 0) { 
 
    alert('not present'); 
 
    return false; 
 
    } 
 
    if (guess_input > target) { 
 
    alert('you gave large'); 
 
    return false; 
 
    } 
 
    if (guess_input < target) { 
 
    alert('you gave small'); 
 
    return false; 
 
    } 
 
    return true; 
 
}

Answer 1

Вы сказали, что ваш guess_input является violet и возвращает -1

Это нормальное поведение, потому что violet нет в массиве

["voilet","indigo","blue","green","yellow","orange","red"]; 

Там является опечаткой ROR: Вы писали voilet вместо violet

Answer 2

guess_input определяется с var внутри функции do_game поэтому не является глобальным.

Вам нужно будет удалить var, чтобы он мог быть доступен другим способом или передать его другому методу.

/* fixed spelling here */ 
 
var colors = ["violet", "indigo", "blue", "green", "yellow", "orange", "red"]; 
 
var target; 
 
var target_index; 
 
var guess_input; 
 
var finished = false; 
 

 
function do_game() { 
 
    var random_number = Math.random() * 7; 
 
    var random_number_integer = Math.floor(random_number); 
 
    var target_index = random_number_integer; 
 
    target = colors[target_index]; 
 
    alert(target); 
 
    while (!finished) { 
 
    /* removed var here */ 
 
    guess_input = prompt("I am thinking of a color " + 
 
     "violet,indigo,blue,green,yellow,orange,red" + 
 
     "What is the color?"); 
 
    alert(colors.indexOf(guess_input)); 
 
    finished = check_guess(); 
 
    } 
 
} 
 

 
function check_guess() { 
 

 
    /* fixed typo here */ 
 
    if (colors.indexOf(guess_input) < 0) { 
 
    alert('not present'); 
 
    return false; 
 
    } 
 
    if (guess_input > target) { 
 
    alert('you gave large'); 
 
    return false; 
 
    } 
 
    if (guess_input < target) { 
 
    alert('you gave small'); 
 
    return false; 
 
    } 
 
    return true; 
 
} 
 

 
do_game()

Answer 3

Проверьте правописание фиалки в массиве.

и

if (colors.indexof(guess_input) < 0) { 
    alert('not present'); 
    return false; 
    } 

У вас есть опечатка здесь. Это должно быть:

colors.indexOf(guess_input)