Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ask A Question</title>

    <script>
        function cl(){
            var x=document.getElementById("f");
            var i, out="";
            for(i=0;i<x.elements[1].value;i++){
                out+="Answer"+i+" <input type='text' name='a"+i+"'><br>"
            }
            out+="<input type='submit' name='Submit'>";
            document.getElementById("d").innerHTML=out;
            document.getElementById("bt").style.visibility="hidden";
;
        }
    </script>
</head>
<body>

<form id="f" action="de.asp">
    Question: <input type="text" name="question"><br>
    Number of Questions: <input id="nr" type="number" min="2" max="10"><br>
    <div id="d"></div>
</form>

<button id="bt" onclick="cl()">Give answers</button>

<p id="q"></p>

<script>

</script>

</body>
</html>