Javascript Generating Input Fields

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
    </head>
    <body>
        <h1>Admin Panel</h1>
        <div class="container">
            <!-- JavaScript Validation -->
            <b>How many questions</b> <input type="text" id="numOfQue" value="" />
            <button onclick="generateQuestions()">Continue</button>
            <script>
                function generateQuestions() {
                    var numberOfQuestions = document.getElementById("numOfQue").value;

                    for (var i = 1; i <= numberOfQuestions; i++) {
                        details.innerHTML += (i) + "<b> question: </b><input type='text' name='theQuestion'/><br><button id='next'>Some</button>";
                        var button = document.getElementById("next").onclick = function () {
                            var isClicked = true;
                        }
                    }
                }
            </script>
            <div id="details"></div>
        </div>
    </body>
</html>