JSFiddle - React, Tailwind, and code Playground

by hesster92

HTML

Enter Array Size

<input type="number" id="tbArraySize" name="size" value="100">

<br>
<button onclick="create()">Create Array</button>
<br><br>
<div id="output">
</div>


<br> Enter Location

<input type="number" id="tbInsertIndex" name="location" value="20">
<br> Enter Value to Insert

<input type="number" id="tbInsertValue" name="insert" value="99">
<br>
<button onclick="insert()">Insert</button>
<br> Enter value to find

<br>
<input type="number" id="tbSearchValue" name="search">
<br>
<button onclick="search()">Search Array</button>
<br><br>

<div id="output2">
</div>
<br>
<div id="output1">
</div>

JavaScript

function create() {
  var size = parseInt(document.getElementById('tbArraySize').value);
  array = new Array(size);
  length = array.length;
  document.getElementById('output1').innerHTML = " ";
  createArray(array);
}

function insert() {
  var index = parseInt(document.getElementById('tbInsertIndex').value);
  var num = parseInt(document.getElementById('tbInsertValue').value);
  InsertIntoArray(array, index, num);
}

function search() {
  var num = parseInt(document.getElementById('tbSearchValue').value);
  searchArray(array, num);
}

function printArray() {
  document.getElementById('output1').innerHTML = " ";
  document.getElementById('output').innerHTML = array.toString().replace(',', ' ');
}

function createArray() {
  for (i = length - 1; i >= 0; i--) {
    array[length] = Math.floor(Math.random() * 100);
    length--;
  }
  document.getElementById('output').innerHTML = array.toString().replace(',', '  ');
}


function InsertIntoArray(array, index, num) {
  counter = 0;
  length = array.length;
  counter++;
  for (i = length - 1; i >= index; i--) {
    counter++;
    array[length] = array[i];
    length--;
    counter++;
  }
  array[index] = num;
  array.length = array.length - 1;
  counter++;
  counter++;
  counter++;
  document.getElementById('output').innerHTML = array.toString().replace(',', '  ');
  document.getElementById('output1').innerHTML = "Number of operations: " + counter + "";
}

function searchArray(array, num) {
  var vcounter = 0;
  counter = 0;
  length = array.length;
  for (var i = length - 1; i >= 0; i--) {
    counter++;
    if (array[i] == num) {
      counter++;
      vcounter++;
      var index = i;
      var n = num;
      document.getElementById('output2').innerHTML = "The number " + n + " was found at location " + index + "  . It also appeared in the array  " + vcounter + " times."

    }
  }
  if (vcounter == 0) {
    counter++;
    document.getElementById('output2').innerHTML = "The number " + num + " does not appear in the...