Assignment #1

by wooozy

HTML

<input type="button" value="Generate Array" onClick="generateArray();" />
<p>value: <input type="textbox" id="value"/></p>
<p>index: <input type="textbox" id="index"/></p>
<input style="margin-bottom: 20px;" type="button"  value="Insert" onClick="insertIntoArray();" />
<div id="counter"></div>
<div id="output"></div>

JavaScript

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

function displayCount(){
  document.getElementById("counter").innerHTML = "The Count Operation is -> " + countsteps + "<br/><br/>";
}

function generateArray() {
clearDisplay();
for (var i = 0; i < 1000; i++) {
array[i] = Math.floor(Math.random() * 100 + 1);
countsteps++;
}
displayArray();
}
function clearDisplay()
{
d = "";
document.getElementById("output").innerHTML = "";
}
function displayArray()
{
for (var i = 0; i < 1000; i++) {
d += (i) + ': ' + array[i] + "<br/>";
}
displayCount();
document.getElementById("output").innerHTML = d;
}
function insertIntoArray() {
clearDisplay();
var index = parseInt(document.getElementById("index").value);
var v = document.getElementById("value").value;
d = "inserting " + v + " at " + index + "<br/>";
for(var n = array.length - 1; n >= (index+1); n--){
array[n] = array[n-1];
countsteps++;
}
array[index] = v; 
countsteps++;
displayArray();
}