I need help with properly extracting the "values" inputted into a "text box" that was dynamically created based on desired user input. My problem right now is my "print usr" button is not calling the function to print out the values typed into the text boxes. I'm not getting any errors in the console so I am completely baffled as to why it is not working.

**I would greatly appreciate help on this matter, change the code completely or just tell me what I am doing wrong and how to fix it please!**

Here is a general idea of how it currently works with the GUI with my HTML and JS code:

**HTML:**

```
<html>
<head>
    <script src="elemCreator.js"></script>
</head>

<body>
    <b>Input # of users:</b>
    <form id="usr_form" name="usr_form" method="get" action="mainmenu.html" onsubmit="elemCreator.createUserEntry(document.usr_form.usr_num.value);return false;">
        <input type="text" name="usr_num">
        <input type="submit" value="Submit">
    </form>
</body>
</html>

```

**JavaScript:**

```
function elementCreator () {
    this.usrList = [];
}

var elemCreator = new elementCreator();

elementCreator.prototype.createUserEntry = function (usr_num) {
    for (i = 0; i < usr_num; i++) {
        document.body.innerHTML += '<b>User #' + (i + 1) + ': </b><br>';
        this.usrList[i] = document.createElement("INPUT");
        this.usrList[i].setAttribute("type","text");
        document.body.appendChild(this.usrList[i]);

        document.body.appendChild(document.createElement("br"));
        document.body.appendChild(document.createElement("br"));
    }

    document.body.innerHTML += '<form onsubmit="elemCreator.printUsrs(usr_num); return false;">';
    document.body.innerHTML += '<input type="submit" value="Print User Names">';
    document.body.innerHTML += '</form>';
}

//Using this function below just to see whether or not the text values are being saved to the array
elementCreator.prototype.printUsrs = function (usr_num) {
    for (i = 0; i < usr_num; i++) {
        document.body.innerHTML += '<br>' + this.usrList[i].value;
    }
}

```

My current HTML GUI:

![image](https://i.stack.imgur.com/3FK2n.png)

The current HTML GUI works, but the button at bottom does not.