Question

Hello,

Using HTML/Javascript, can somebody help me create an array and fill with random numbers 1-100, per the number entered in the "Create Array" box of my html, and have it display when the "Create Array" box is clicked?

Here is the HTML for this portion:

Thank you!

<table style="width: 850px; height: 154px;" border="0">
<tbody>
<tr>
<td>Enter Array Size:<input style="width: 50px;" type="textbox" value="100" /><input type="button" value="Create Array" /></td>
</tr>

This is what the HTML looks like:

Enter Array Size:100 Create Array

Answer 1

<table style="width: 850px; height: 154px;" border="0">
    <tbody>
    <tr>
        <td>
            Enter Array Size:
            <input style="width: 50px;" id="sizeBox" type="textbox" value="100"/>
        </td>
        <input type="button" value="Create Array" onclick="generateArray()"/></td>
    </tr>
    </tbody>
</table>

<p id="array_result">

</p>
<script>
    function generateArray() {
        var size = Number(document.getElementById('sizeBox').value);
        var arr = [];
        for (var i = 0; i < size; i++) {
            arr.push(Math.floor(1 + Math.random() * 100));
        }
        document.getElementById('array_result').innerText = arr;
    }
</script>