Я работаю над небольшим проектом, в котором генерируется случайное слово испанского sh, пользователь вводит перевод Engli sh и нажимает, чтобы увидеть, правильно это или нет. На данный момент это на ранних стадиях, но я не могу получить правильные логики c. Пока у меня есть:
Spanish_Phrases.prototype.calculate = function(){
const phrases = {
hola: "hello",
adios: "bye",
bonita: "bonita",
};
this.answer = (document.getElementById("answer").value);
if(this.answer == Object.values(phrases)) {
alert("Correct")
} else {
alert("Try again");
}
}
HTML здесь:
<!DOCTYPE html>
<html>
<head>
<title>Spanish</title>
</head>
<body>
<center>
<script src="./src/spanish.js">
</script>
<link href="skeleton.css" rel="stylesheet">
<section>
<h2>Spanish</h2>
<h3 id="question"></h3>
<button type="button" id="questionbutton">Get question</button>
<form action="#" id="form" name="form" onsubmit="return false;">
Enter answer<br>
<input id="answer" name="answer" type="text"><br>
<br>
<input id="submit" type="submit" value="Submit">
</form>
</section>
</center>
<script src="https://code.jquery.com/jquery-3.4.1.min.js">
</script>
<script>
$(function () {
var spanish = new Spanish_Phrases();
$('#questionbutton').on('click', function(){
spanish.randomize();
$('#question').text(spanish.question);
})
$('#submit').on('click', function() {
spanish.calculate();
});
});
</script>
Ответ - то, что пользователь отправил в форме. Я хочу, чтобы оно показывалось правильно, если это значение ответа правильно соответствует соответствующему ключу, но не может решить, как.
Извините, я понимаю, что это потенциально довольно основательно c, но мои javascript знания очень ржавые. Может кто-нибудь помочь, пожалуйста?