Add Items in Array

JavaScript, HTML, CSS

by Sayham Chowdhury

HTML

Add Array Item: 
<input type = "text" id = "textBox"></input>
<input type = "button" id = "btArray" value = "ADD" onclick = "AddToArray();"></input>
<div id = "output"></div>

CSS

#btArray{
  color: teal;
}
#btArray:hover{
  color: blue;
}

JavaScript

var i = 0;
var array = new Array();
function AddToArray()
{
    array[i] = document.getElementById("textBox").value;
    i++;
    document.getElementById("textBox").value = "";
    var s = "<hr/>";   
   	for (var j = 0; j < array.length; j++)
   	{
       s += "Index " + j + " => " + array[j] + "<br/>";
   	}
   	document.getElementById("output").innerHTML = s;
}