Part 1 - Create and Insert into an Array

by Ron Eaglin

HTML

<body>
<label>Value: </label><input type="text" id="valueid" />
<br />
<label>Index: </label><input type="text" id="indexid" />
<br />
<button onClick="CreateArray();">Create Array</button>
<button onclick="InsertArray();">Insert element</button>

<div id="result"></div>
</body>

JavaScript

var count = 0;
var size = 100;

var array = new Array(size);

function CreateArray()
{
	for(var i = 0; i < array.length; i++)
  {
  	var min = 1;
    var max = 100;
    
    array[i] = Math.floor(Math.random() * (max - min + 1)) + min
  }
  out = "";
  for(var i = 0; i < size; i++) 
  {
        out += i + " : " + array[i] + "<br/>";
  }
    document.getElementById("result").innerHTML = out;
}

function InsertIntoArray(array, index, numberToInsert)
{
	for(var i = array.length - 1; i >= index; i--)
  {
  	array[i + 1] = array[i];
    count = count + 1;
  }
  	array[index] = numberToInsert;
    count = count + 1;
    out = "Inserting " + numberToInsert + " at index " + index + "<br/><br/>";
    for (var i = 0; i < size; i++)
    {
    out += i + " : " + array[i] + "<br/>";
    }
    out += "Total operations: " + count + "<br/>";
    document.getElementById("result").innerHTML = out;
    }
    
function InsertArray() 
    {
    var index =  document.getElementById("indexid").value;
    var value = document.getElementById("valueid").value;
    InsertIntoArray(array, index, value);
    }