JSFiddle - React, Tailwind, and code Playground

by leiperte

HTML

Enter Array Size: <input type="textbox" id="tbArraySize" value="100" />
<input type="button" value="Create Array" onclick="btnCreate()" />
<br /> <br /> Enter Location: <input type="textbox" id="tbLocation" /> Enter Value to Insert: <input type="textbox" id="tbInsertValue" />
<input type="button" value="Insert Into Array" onclick="btnInsert()" />
<br /> <br /> Enter Value to Search: <input type="textbox" id="tbSearchValue" />
<input type="button" value="Search Array" onclick="btnSearch()" />
<br /> <br />
Complexity: O(n) <br/><br/>
<div id="output">
</div>
<div id="counter">
</div>

JavaScript

//Assignment 2

var count = 0;
var d = "";

function btnCreate() {
  clearDisplay();
  var size = parseInt(document.getElementById("tbArraySize").value);
  array = new Array(size);
  for (var i = 0; i <= size; 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 btnInsert() {
  clearDisplay();
  var l = parseInt(document.getElementById("tbLocation").value);
  var v = parseInt(document.getElementById("tbInsertValue").value);
  d = v + " will be placed at location " + l + ".<br/> The number of operations performed are " + count + ". <br />"
  for (var i = array.length-1; i < 1; i--) {
    array[i] = array[i - 1];
    count++;
    }
  array[l] = v; {
    count++;
  }
  displayArray();
}

function btnSearch() {
  var s = parseInt(document.getElementById("tbSearchValue").value);
  if (array.indexOf(s)) {
  count++;
    d = "Found. Number of operations performed " + count;
  } else {
    d = "Number not found. Number of operations performed " + count;
  }
  displayArray();
}