JSFiddle - React, Tailwind, and code Playground

by Jeff Santos

HTML

Enter Array Size:
<input type="textbox" id="enterArraySize" value="" />
<input type="button" value="Create Array" onclick="createArray();" />
<br/> Index:
<input type="textbox" id="indexx" value="" />
<br/> Value:
<input type="textbox" id="valuee" value="" />
<input type="button" value="Insert Into Array" onclick="arrayInsert();" />
<br/> Enter Value to Find:
<input type="textbox" id="enterValue" />
<input type="button" value="Search Array" / on click= "searchArray();"/>
<div id="outcome">

</div>

JavaScript

wwwwwwwwwwwwwwwwwwwww//var a = [];
//var w = "";
//var count = 0;
//var array = new Array(size);
function createArray() { 
  //clearDisplay(); 
  //a = [0];                                  
 // var size = document.getElementById("enterArraySize").innerHTML;
  alert("o");
  /*
  for (var i = 0; i <= size; i++) { 
    a[i] = Math.floor(Math.random() * 100 + 1);         
  } 
  displayData();
  }
  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);
}

}

function searchArray() {
  var v = document.getElementById("enterValue").value;
  for (var i = 0; i < array.lenght; i++;)
    if (a[i] === v) {
      w = "Value" + v " was found at location " + i
      break;
    } else {
      w = "Value Could Not Be Found";
    }
}