Fibonacci-Simulator/script.js at master · Amankesarwani2202/Fibonacci-Simulator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
var width = 100;
function startCode(){
	var num = Number(document.getElementById('number').value);
	width = width/(num) ;
	if(Number.isNaN(num) || typeof num ==='string' || num<=0 || num>20 )
		alert("Input Field is invalid");
	else{
		document.getElementById('code').style.visibility='visible';
		document.getElementById('start').disabled = true;
		document.getElementById('next').disabled = false;
		document.getElementById("shw-n").innerHTML = num;
		document.querySelector(".nab").style.visibility = "visible";
		document.getElementById('next').style.backgroundColor ="#229954";
			document.getElementById('start').style.backgroundColor ="#d6d6d6";
		main();
	}
}
function fib(n){
	id.push('one');
	if(n === 0){
		id.push('two');
		return 0;
	}
	else if(n === 1 || n === 2){
		id.push('three');
		return 1;
	}
	else{
		id.push('four');
		return fib(n-2) + fib(n-1);
	}
}
var array=[],n;
function main(){
	id.push('five');
	var num = Number(document.getElementById('number').value);
	if(num>0&&num<21){
		id.push('six');
		var i, fibonacci;
		for(i=1; i<=num; i++){
			id.push('seven');
			id.push('eight');
			fibonacci = fib(i)
			id.push('nine');

			array.push(fibonacci);
		}
		id.push("ten");
		//document.getElementById('result').innerHTML = "The fibonacci of "+num+" :";
	}
	else{
		alert("Enter any number in the range 0-20.");
	}
	id.push("eleven");
}
var count=0, id=[], countnine=0;
function hightlight(){
	var num = Number(document.getElementById('number').value);

	for(var i=0;i<id.length;i++){
			document.getElementById(id[i]).style.color='black';
	}
	if(count<id.length){
		document.getElementById(id[count]).style.color = 'red';
		if(id[count]=='nine'){
			if(countnine > 1){
				var cont = document.querySelector(".cont");
				document.getElementById("next").disabled = true;
			//	document.getElementById("next").style.backgroundColor = "#d6d6d6";
				cont.innerHTML += '<div class="some" style = "width:'+width+'%"><div class="fib">Fib('+(countnine+1)+')</div><div class="a"><b>'+array[countnine - 2]+'</b></div>	<div class="b"><b>'+array[countnine -1]+'</b></div><div class="c cee"><b>'+array[countnine]+'</b></div>	</div>';
				document.getElementById("shw-n").innerHTML = num;
				document.getElementById("shw-a").innerHTML = array[countnine - 2];
				document.getElementById("shw-b").innerHTML = array[countnine - 1];
				if(num <= 6){
					document.querySelector(".a").style.animation = "down 1s";
					document.querySelector(".b").style.animation = "up 1s";
				}else if (num > 6 && num < 11){
					document.querySelector(".a").style.animation = "downnine 1s";
					document.querySelector(".b").style.animation = "upnine 1s";
				}
				else{
					document.querySelector(".a").style.animation = "downfif 1s";
					document.querySelector(".b").style.animation = "upfif 1s";
				}
				setTimeout(function (){
					document.querySelector(".a").remove();
					document.querySelector(".b").remove();
					document.querySelector(".cee").style.visibility = "visible";
					document.querySelector(".cee").classList.remove("cee");
					document.getElementById("next").disabled = false;
				//	document.getElementById("next").style.backgroundColor = "#229954";

			},1000);

		  }
			else{
				var cont = document.querySelector(".cont");
				document.getElementById("next").disabled = true;
				//document.getElementById("next").style.backgroundColor = "#d6d6d6";
				cont.innerHTML += '<div class="some" style = "width:'+width+'%"><div class="fib">Fib('+(countnine+1)+')</div>  <div class="c cee"><b>'+array[countnine]+'</b></div>	</div>';
				setTimeout(function (){
					document.getElementById("next").disabled = false;
				//	document.getElementById("next").style.backgroundColor = "#229954";
					document.querySelector(".cee").style.visibility = "visible";
					document.querySelector(".cee").classList.remove("cee");
				},500);
			}
		document.getElementById('res').innerHTML += array[countnine++];
	}
		count++;
	}
	if(count==id.length){
		document.getElementById('next').disabled = true;
		document.getElementById('next').style.backgroundColor = "#d6d6d6";
		alert('End of function');
		var code = document.getElementById('code');
		var div = code.getElementsByTagName('div');
		for(var i=0;i<div.length;i++){
			div[i].style.color='black';
	}
		//.style.color='black';
	}
}
function formula (){
	var formulaCont = document.getElementById("form");
	if(formulaCont.style.display === "block"){
		formulaCont.style.display = "none";
	}else {
		formulaCont.style.display = "block";
	}
}