A simple program that I wrote in JavaScript to accept a number from the user and then our program will generate the corresponding Fibonacci Number Sequence.
My mobile number here in the Philippines is 09173084360.
Add me at Facebook my address is jakerpomperada@gmail.com and jakerpomperada@yahoo.com
My mobile number here in the Philippines is 09173084360.
Sample Program Output
Program Listing
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title> Fibonacci Sequence in JavaScript</title>
<style>
body {
font-family:arial;
color:blue;
font-size:18px;
}
input[type="text"] {
display: block;
margin: 0;
width: 15%;
font-family: arial;
font-size: 18px;
appearance: none;
border-radius: 2px;
box-shadow: 10px 10px 7px #888888;
}
input[type="text"]:focus {
outline: none;
}
input[type=button] {
padding:12px 31px;
background:yellow; border:10px;
cursor:pointer;
-webkit-border-radius: 12px;
box-shadow: 10px 10px 7px #888888;
border-radius: 5px;
font-family: arial;
font-size: 18px;
}
</style>
</head>
<body bgcolor="lightgreen">
<script>
function start_fibonacci() {
var num, first = 0, second = 1, next, c;
var value_number = document.getElementById("UserInput").value
var num = Number(value_number);
for ( c = 0 ; c < num ; c++ )
{
if ( c <= 1 )
next = c;
else
{
next = first + second;
first = second;
second = next;
}
document.getElementById('result').innerHTML += + next + "<br>";
}
}
function clear_now()
{
document.getElementById('result').innerHTML="";
document.getElementById('userInput').value="";
document.getElementById('userInput').focus();
}
</script>
<b> Fibonacci Sequence in JavaScript </b> <br><br>
<form name="myform" action="">
<b>Give a Number </b><br><br>
<input type='text' id='UserInput' placeholder="enter number here" value='' size="5" required autofocus/>
<br><br>
<input type='button' onclick='start_fibonacci()'
title="Click here to generated fibonacci sequence number." value='OK'/>
<input type='button' onclick='clear_now()' title="Click here to clear the textbox." value='CLEAR'/>
</form>
<br><br>
</body>
Fibonacci Sequence Result
<br><br>
<div id = "result"></div>
</html>
