JSFiddle - React, Tailwind, and code Playground

by Danijel

HTML

<form id="myform" action="index.php" method="post">
	<label>What is <span id="question"></span>
	<input type="text" id="human" placeholder="What is it?"></label>
	<input type="submit">
</form>
<script>
	var num1 = Math.floor( Math.random()*9 ) + 1,
		num2 = Math.floor( Math.random()*9 ) + 1,
		result = num1 + num2;
		
	document.getElementById( 'question' ).innerHTML = num1 + ' + ' + num2;
	document.getElementById( 'myform' ).addEventListener( 'submit', function(e) {
		if ( document.getElementById( 'human' ).value != result ) e.preventDefault();
	});
</script>