JavaScript Program to Insert and Display Array Elements

JavaScript Program to Insert and Display Array Elements

Write a JavaScript program to insert and display array elements.



Source Code
<html>
<head>
	<title>Adding array elements</title>
	<script type="text/javascript">
		var i = 0;
        var arr = new Array();

        function addElementToArray() {
            arr[i] = document.getElementById("number").value;
            alert("Element " + arr[i] + " added at index " + i);
            i++;
            document.getElementById("number").value = "";
        }

        function displayArrayElements() {
            var txt = "<hr/>";
            for(x=0; x<arr.length; x++) {
                txt += "Element " + x + " = " + arr[x] + "<br/>";
            }
            document.getElementById("result").innerHTML = txt;
        }
	</script>
</head>
<body>
    <input type="text" id="number"></input>
<input type="button" value="Add" onclick="addElementToArray();"></input>
<input type="button" value="Display" onclick="displayArrayElements();"></input>
<div id="result"></div>
</body>
</html>
Output