Taevas/kanaguessr
Taevas/kanaguessr
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve feedback on answering

Browse source
This commit is contained in:
Taevas 2023-03-06 20:06:43 +01:00
parent 2713496ead
commit 3c5e975c7b
1 changed files with 12 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

18
index.js
View file

@ -124,19 +124,25 @@ function checkCharacters() {
}
function checkAnswer() {
if (!$("#answer_field").val()) {return}
if ($("#answer_field").css("backgroundColor") === "rgb(255, 0, 0)") {
$("equivalent").css("fontSize", "23px")
$("#equivalent").animate({"fontSize": "20px"}, 500)
$("#equivalent").css("fontSize", "25px")
$("#equivalent").animate({"fontSize": "20px"}, 1000)
return
}
let html = $("#answer_paragraph").html()
let element = $("#answer_field").val().toLowerCase() === html.slice(html.lastIndexOf(" ") + 1) ? $("#positive") : $("#negative")
element.css("opacity", "0")
element.animate({"opacity": "1"}, 200)
element.css("backgroundColor", element.css("color"))
setTimeout(() => {element.css("backgroundColor", "black")}, 125)
element.animate({"opacity": "1"}, 250)
element.html(Number(element.html()) + 1)
$("#correct_answer").css("visibility", "visible")
$("#correct_answer").slideDown(100)
if ($("#auto:checked").length){changeQuestion()}
if ($("#auto:checked").length) {
changeQuestion()
} else {
$("#correct_answer").css("visibility", "visible")
$("#correct_answer").slideDown(100)
}
}