Наверно так не получится. Вот как выглядит HTML:
<div class="exercise">
<p>- God bless you for <input class="exercise_input" type="text" id="z_1"> (say) that. <span id="result_1"></span></p>
</div>
<button class="check_button" onclick="proverit();">Check</button>
В JS так:
function proverit(){
let good_commentArray = ['right', 'correct', 'great!'];
let bad_commentArray = ['wrong', 'try again', 'sorry'];
right_answer_1 = "saying";
user_answer_1 = document.getElementById('z_1').value;
if (user_answer_1.toLowerCase() == '') {
document.getElementById("result_1").innerHTML = "";
}
else if (user_answer_1.toLowerCase() == right_answer_1.toLowerCase())
{ document.getElementById('result_1').innerHTML = good_commentArray[Math.floor(Math.random()*good_commentArray.length)]
document.getElementById("result_1").classList.remove("wrong", "tip");
document.getElementById("result_1").classList.add("correct");
}
else {document.getElementById("result_1").innerHTML = bad_commentArray[Math.floor(Math.random()*bad_commentArray.length)];
document.getElementById("result_1").classList.add("wrong", "tip");
document.getElementById("result_1").classList.remove("correct");
}
Наверно это очень примитивно написано, я - не спец, но смысл такой.
Человек видит предложение с пропуском. В него нужно ввести слово и нажать кнопку "проверить". Если ничего не вводит, то ничего не происходит. Если вводит правильно - появляется хороший коммент из списка. Если неправильно, то плохой коммент из списка.
Вопрос в том, что если ввести какой-либо ответ и потом несколько раз кликать на кнопку "проверить", комментарии будут меняться. А хочется сделать так, чтоб кнопка "проверить" не запускала проверку (и соответственно комментарии не менялись бы), пока пользователь не изменит input