Search Array

Assignment 2 Part 2

by ClarenceDowns

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--<link rel="stylesheet" href="part1.css">-->
    <title>Assignment One Part One</title>
  </head>

  <body>
    <h1>Search Array:</h1>
    <br/> Enter Integer Element:
    <input class="boxes" type='textbox' id='num' />
    <button onClick="searchArray()">Search Array</button>
    <br/>
    <div id="find-option"></div><br>
    <div id="output">

    </div>
  </body>

</html>

JavaScript

//create a program that will instantiate an integer array of size 100
let myArray = [];
let d = '';
myArray = createArray(100);

function createArray(length) {
  let myArray = [];
  myArray.length = parseInt(length);
  let i = 0;
  for (i = 0; i < myArray.length; i++) {
    myArray[i] = Math.floor((Math.random() * myArray.length) + 1);
  }
  d = "";
  //count++;
  for (let i = 0; i <= myArray.length - 1; i++) {
    d += i + " : " + myArray[i] + "<br/>";
    //count++;
  }
  document.getElementById("output").innerHTML = d;
  return myArray;
}

function searchArray(arr, num) {
  arr = myArray;
  num = document.getElementById('num').value;

  //for (let i = 0; i < myArray.length; i++) {
  if (num !== -1) {
    document.getElementById('find-option').innerHTML = "The number( " + num + ") was found in the array";
  } else {
    document.getElementById('find-option').innerHTML = "The number( " + num + ") was not found in the array";
  }
}