A2

by Tori Hoelscher

HTML

Index:
<input type="textbox" id="index" value = ""/>
<br/> Value:
<input type="textbox" id="value" value="" />
<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 = []; // Global array to hold array
var a = "";     // Global string for output 

function fillArray() {
  // call function to clear the display values
  clearDisplay();
  // simple loop that is hard coded to 100 to set array values
  for (var k = 0; k < 100; k++) {
    array[k] = Math.floor(Math.random() * 100 + 1);
  }
  // This is the call function to display the array
  displayArray();
}

function clearDisplay()
{
 //Global string a is used to hold display
a = "";
// The div element named output is used to display output
document.getElementById("output").innerHTML = "";
}

function displayArray()
{
 // simple loop to add array values to string k
  for (var k = 0; k < array.length - 1; k++) {
    a += k + ' : ' + array[k] + "<br/>";
  }
  document.getElementById("output").innerHTML = a;
}

function insertIntoArray() {
 clearDisplay();
  // get value of "index" of value to insert
  var k = parseInt(document.getElementById("index").value);
  // get actual "value" to insert at index k
  var v =
    parseInt(document.getElementById("value").value);
    
 a = "inserting " + v + " at " + k + "<br/>";
 arry = array.splice(k, 0, v);
 //if change arry to array it deletes the array but leaves insert
 // Display the array
 displayArray();

}