myArray12

by chris richarde

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 = new Array(10);
var d = "";
var counter = 0;
function fillArray() {
  clearDisplay();
  for (i = 0; i < array.length -1; i++) {
    array[i] = Math.floor(Math.random() * 100 + 1);
  }
  displayArray();
}

function clearDisplay() {
  d = "";
  document.getElementById("output").innerHTML = "";
}

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

function insertIntoArray() {
clearDisplay();
  var index =
parseInt(document.getElementById("index").value);
  var value =
parseInt(document.getElementById("value").value);
	
d = "inserting " + value + " at " + index + "<br/>";

for(var i = array.length -1; i > index; i-- )
  {
  	var value = array[i];
    array[i]=array[i-1];
  }
  


displayArray(); 


  	

 
  
  
}