I have been trying to change so I get the push from a input form but having no luck.

<form id="myform">
    <input id="type" type="text" name="input">
    <button onclick="myFunction()">Add number</button>
</form>
<br>
<div id="box"; style="border:1px solid black;width:150px;height:150px;overflow:auto">
</div>
<script>
    var number= [];
    function myFunction()
    {
        number.push= document.getElementById("type").value;
        var x=document.getElementById("box");
        x.innerHTML=number.join('<br/>');
    }
</script>

I have been trying to change so I get the push from a input form but having no luck.

<form id="myform">
    <input id="type" type="text" name="input">
    <button onclick="myFunction()">Add number</button>
</form>
<br>
<div id="box"; style="border:1px solid black;width:150px;height:150px;overflow:auto">
</div>
<script>
    var number= [];
    function myFunction()
    {
        number.push= document.getElementById("type").value;
        var x=document.getElementById("box");
        x.innerHTML=number.join('<br/>');
    }
</script>

• javascript
• html
• arrays
• string
• dom

3 Answers 3

Replace:

var x = document.getElementById("demo");

With:

var x = document.getElementById("box");

And if you want to convert your array into string, you can use the javascript function join():

x.innerHTML = number.join(',');
// Or
x.innerHTML = number.toString();

Is this what you want?

You need to convert array, like:

x.innerHTML=number.join(",");

And:

var x = document.getElementById("box");

var arr = [];

function func () {
  arr.push('5');
  document.getElementById('box').innerHTML = arr.toString();
}