JSFiddle - React, Tailwind, and code Playground

HTML

<table id="display_table"><tr>
<td>No. of Questions:&nbsp;</td>
<td><input type="text" id="questions_num"></td>
</tr><tr>
<td>No. of Options:&nbsp;</td>
<td><input type="text" id="options_num"></td>
</tr></table>

JavaScript

document.getElementById("options_num").onkeyup = function() {
	var options_num = parseInt(document.getElementById("options_num").value);
	var display_text = '<tr><td>No. of Questions:&nbsp;</td><td><input type="text" id="questions_num"></td></tr><tr><td>No. of Options:&nbsp;</td><td><input type="text" id="options_num"></td></tr>'
	for(var i = 1; i <= options_num; i++) {
		display_text += "<tr><td>Option " + i + ":&nbsp;</td><td>" + "<input type='text' id='option_" + i + "'</td></tr>"; 	
	}
	document.getElementById("display_table").innerHTML = display_text;
	document.getElementById("options_num").value = options_num.toString();
	document.getElementById("options_num").focus();
}