JSFiddle - React, Tailwind, and code Playground

by Jeff Santos

HTML

Index:
<input type="textbox" id="indexx" value="" />
<br/> Value:
<input type="textbox" id="valuee" value="" />
<br/>
<input type="button" value="Create Array" onclick="createArray();" />
<br/>
<input type="button" value="Insert Into Array" onclick="arrayInsert();" />
<div id="outcome">
</div>

JavaScript

var size = 1000;
var array = new Array(size);
var count = 0;

function createArray() {
  for (var i = 0; i < array.length; i++) {
    var min = 1;
    var max = 1000;
    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("outcome").innerHTML = out;
}

function insertIntoArray(array, index, noToInsert) {
  for (var i = array.lenght - 1; i >= index; i--) {
    array[i + 1] = array[i];
    count = count + 1;
  }
  array[index] = noToInsert;
  count = count + 1;
  out = "Number Inserting " + noToInsert + " at index " + index;
  for (var i = 0; i < size; i++) {
    out += i + " : " + array[i] + "<br/>";
  }
  out += "Total Operartions: " + count;
  document.getElementById("outcome").innerHTML = out;
}

function arrayInsert() {
  var index = document.getElementById("indexx").value;
  var value = document.getElementById("valuee").value;
  insertIntoArray(array, index, value);
}