JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div id="question1" style=" display:block;">
	<p>Вопрос 1</p>
	<p><span id="quest_1"></span> <input type="text"  onkeyup="check();" id="answer_1"></p>
</div>
<div id="question2" style=" display:none;">
	<p>Вопрос 2</p>
	<p>
		<span id="quest_2"></span><br />
		<input type="radio" name="q_2" value="1" onkeyup="check();" id="answer_8" /><span> сложение, вычитание, умножение</span>
		<br>
		<input type="radio" name="q_2" value="0" onkeyup="check();" id="answer_8" /><span> сложение, умножение, деление</span>
		<br>
		<input type="radio" name="q_2" value="0" onkeyup="check();" id="answer_8" /><span> умножение, деление, вычитание</span>
	</p>
</div>

JavaScript

function next_question() {
	if (document.getElementById('question4').style.display == "block") {
		document.getElementById('question4').style.display = "none";
		document.getElementById('question5').style.display = "block";
		document.getElementById('but_next').disabled = true;
	}
	if (document.getElementById('question3').style.display == "block") {
		document.getElementById('question3').style.display = "none";
		document.getElementById('question4').style.display = "block";
		document.getElementById('but_next').disabled = true;
	}
	if (document.getElementById('question2').style.display == "block") {
		document.getElementById('question2').style.display = "none";
		document.getElementById('question3').style.display = "block";
		document.getElementById('but_next').disabled = true;
	}
	if (document.getElementById('question1').style.display == "block") {
		document.getElementById('question1').style.display = "none";
		document.getElementById('question2').style.display = "block";
		document.getElementById('but_next').disabled = true;
	}
}