JavaScript - Если инструкция с текстом не работает должным образом

Я пытаюсь сделать утверждение if основанным на пользовательском вводе. Кажется, я не могу заставить этот код работать. Он продолжает говорить «нет», даже когда я вхожу в «один», который должен делать что-то другое, как вы можете видеть в фрагменте кода. Я запускаю код в последней версии Chrome.JavaScript - Если инструкция с текстом не работает должным образом

var ques = document.getElementById("question"); 
 
var ansBox = document.getElementById("ansBox").value; 
 
var submitBtn = document.getElementById("submitBtn"); 
 
var isCorrect = document.getElementById("isCorrect"); 
 

 
var num1 = Math.floor((Math.random() * 100) + 1); 
 
var num2 = Math.floor((Math.random() * 100) + 1); 
 
var ans = num1 + num2; 
 

 
function question() { 
 
    ques.innerHTML = num1 + " + " + num2; 
 
} 
 

 
function checkAns() { 
 
    if(ansBox.value == "one") { 
 
    isCorrect.innerHTML = "Yes"; 
 
    } else { 
 
    isCorrect.innerHTML = "No"; 
 
    } 
 
} 
 

 
question();

body { 
 
    font-family: Arial; 
 
} 
 

 
div { 
 
    padding-top: 50px; 
 
    text-align: center; 
 
}

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Document</title> 
 
    <link rel="stylesheet" href="styles.css"> 
 
</head> 
 

 
<body> 
 

 
    <div> 
 
    <h1>Edu Game One</h1> 
 
    <h3 id="question"></h3> 
 
    <input type="text" id="ansBox" /> 
 
    <button id="submitBtn" onclick="checkAns()">Submit</button> 
 
    <p id="isCorrect"></p> 
 
    </div> 
 

 
    <script src="scripts.js"></script> 
 
</body> 
 
</html>

источник

2016-08-25 Anonymous

Вы имели дополнительный .value в конце вашего определения ansBox. Удаление, что делает его работу:

var ques = document.getElementById("question"); 
 
var ansBox = document.getElementById("ansBox"); 
 
var submitBtn = document.getElementById("submitBtn"); 
 
var isCorrect = document.getElementById("isCorrect"); 
 

 
var num1 = Math.floor((Math.random() * 100) + 1); 
 
var num2 = Math.floor((Math.random() * 100) + 1); 
 
var ans = num1 + num2; 
 

 
function question() { 
 
    ques.innerHTML = num1 + " + " + num2; 
 
} 
 

 
function checkAns() { 
 
    if(ansBox.value == "one") { 
 
    isCorrect.innerHTML = "Yes"; 
 
    } else { 
 
    isCorrect.innerHTML = "No"; 
 
    } 
 
} 
 

 
question();

body { 
 
    font-family: Arial; 
 
} 
 

 
div { 
 
    padding-top: 50px; 
 
    text-align: center; 
 
}

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title>Document</title> 
 
    <link rel="stylesheet" href="styles.css"> 
 
</head> 
 

 
<body> 
 

 
    <div> 
 
    <h1>Edu Game One</h1> 
 
    <h3 id="question"></h3> 
 
    <input type="text" id="ansBox" /> 
 
    <button id="submitBtn" onclick="checkAns()">Submit</button> 
 
    <p id="isCorrect"></p> 
 
    </div> 
 

 
    <script src="scripts.js"></script> 
 
</body> 
 
</html>

источник

2016-08-25 22:40:50

Ах. Это работает. Благодаря! :) –

JavaScript - Если инструкция с текстом не работает должным образом

ответ

Смежные вопросы