Array_fill

Create an array and insert numbers into them

by davidjb95

HTML

Counter:<div id="counter">
</div>
<br/>
Search Counter: <div id="searchCounter"> 
</div>
<br/>
Index: <input type="textbox" id="index" value="1"/>
<br/> 
Value: <input type="textbox" id="value" value="1" />
<br/>
Search: <input type="textbox" id="search" value="1"/>
<br/>
<input type="button" value="Create Array" onClick="createArray();" />
<input type="button" value="Insert into Array" onClick="insertIntoArray()" />
<input type="button" value="Search Array" onClick="searchArray()" />
<div id="output">
</div>

JavaScript

var d = "";
var array = [];
var counter = 0;
var searchCounter = 0;
function createArray() {
	clearDisplay();
  for(var i = 0; i < 1000; i++) {
  	array[i] = Math.floor(Math.random() * 100 + 1)
    counter++;
  }   
    displayArray();
}
function clearDisplay(){
	d = "";
	document.getElementById('output').innerHTML = d;
  counter++;
}
function displayArray() {
		for(var i = 0; i < array.length; i++) {
    	d += array[i] + "<br/>";	
      document.getElementById("output").innerHTML = d;
      counter++;
    }
    document.getElementById("counter").innerHTML = counter;
}
function insertIntoArray(){
	var index = document.getElementById("index").value;
  var value = document.getElementById("value").value;
  var v = "";
	for(var i = index - 1; i < array.length; i++){
    v = array[i];
    counter++;
    array[i] = value;
    counter++;
    value = v;
    counter++;
  }
  clearDisplay();
  displayArray();
}
function searchArray(){
	searchCounter = 0;
	var search = document.getElementById("search").value;
  for(var i = 0; i < array.length; i++){
  	if(array[i] == search){
    	searchCounter ++;
      counter++;
    }
    document.getElementById("searchCounter").innerHTML = searchCounter;
  }
}