Array Example

by Peyton Hessler

HTML

Index:
<input type="textbox" id="index" value = "2"/>
<br/> Value:
<input type="textbox" id="value" value="10" />
<br/>
<input type="button" value="Create Array" onClick="fillArray();">
<br/>
<input type="button" value="Insert into Array" onClick="insertIntoArray();">
<br/>
<div id="output">

</div>

JavaScript

var array = [];
var d = "";

function fillArray() {

clearDisplay();

for (var i = 0; i < 100; i++) {
array[i] = Math.floor(Math.random() * 100 + 1);
}
displayArray();
}

function clearDisplay()
{
d = "";

document.getElementById("output").innerHTML = "";
}

function displayArray()
{
	for(var i = 0; i < array.length - 1; i++) {
  	d += i + ' : ' + array[i] + "<br/>";
  }
  document.getElementById("output").innerHTML = d;
}

function insertIntoArray() {
clearDisplay();

var i = parseInt(document.getElementById("index").value);

var v = parseInt(document.getElementById("value").value);

d = "inserting " + v + " at " + i + "<br/>";

arry = array.splice(i, 0 , v);

displayArray();
}