프랑스어 연습을위한 웹 사이트를 만드는 코드를 작성하고있었습니다. 내 대답을 확인하는 방법을 만들었지 만 두 번째 질문에는 효과가 없습니다. 내 HTML과 자바 스크립트는 다음과 같습니다 :다른 매개 변수를 사용하여 동일한 메소드를 만드는 방법은 HTML의 다른 입력을 사용합니까?
HTML :
<!DOCTYPE html>
<html>
<head>
<script src = "Contest.js"></script>
<title>Verb Practice</title>
</head>
<body>
<input type = "button" onclick = "location.href = 'file:///C:/Users/aryan/Desktop/HTML,%20JavaScript,%20&%20CSS/Contest.html#vocab';" value = "Back To Main" />
<center>
<h2>Verb Practice</h2>
<fieldset>
<p>What is the infinitive for the verb underlined?</p>
<p>J'<ins>achète</ins> une pizza.</p>
<input type = "text" name = "Q1" value = "" id = "ansGiven"><br>
<input type = "submit" value = "Answer" id = "Q1" onclick = "getAns('acheter')">
<p id = "ansRes"></p>
</fieldset>
<fieldset>
<p>What does the verb <i>attendre</i> mean?</p>
<input type = "text" name = "Q2" value = "" id = "ansGiven"><br>
<input type = "submit" value = "Answer" id = "Q2" onclick = "getAns('to wait')">
<p id = "ansRes"></p>
</fieldset>
</center>
</body>
</html>
자바 스크립트 :
function getAns(ans) {
var ansGiven = document.getElementById("ansGiven").value;
console.log(ans);
console.log(ansGiven);
if (ansGiven === ans) {
document.getElementById("ansRes").innerHTML = "Correct!";
} else {
document.getElementById("ansRes").innerHTML = "Try Again.";
}
ansGiven = "";
}
이론적, 방법의 getAns()가 주어진 질문에 대한 입력이 올바른 또는 잘못된 여부를 말해야한다. 대신, 첫 번째 질문은 정상적으로 작동하지만 두 번째 질문은 입력을 아무 것도 표시하지 않습니다. 왜 이런 일이 일어나고 코드가 잘못 되었습니까? w3schools에서
셀라 PARCE 가야 있니 avez dupliqué 레 ID를. – JasonB