Showing posts with label fibonacci in javascript. Show all posts
Showing posts with label fibonacci in javascript. Show all posts

Saturday, May 14, 2016

Fibonacci Number Sequence in JavaScript

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.

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'/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<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>