Simple Array example

Insert Into Array

by wooozy

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 id="counter"></div>
<div id="output"></div>
</div>

JavaScript

var array = []; // Flobal array to hold array
var d = "";     // Global string for output 

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/>";
 deleteElem = function(arr, el) {
      var index = arr.indexOf(el);
      if (index > -1) {
        var len = arr.length - 1;
        for (var i = index; i < len; i++) {
          arr[i] = arr[i + 1];
        }
        arr.length = len;
        array.pop();
        
for(var n = array.length - 1; n >= (index+1); n--){
array[n] = array[n-1];
count++;
}
   
array[index] = v;

count++;     
        
     
      }
    }

 
 
 displayArray();

}