fibonacci_1_100_in_javascript.html

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready( function(){
  var content = '<select id="selnum" onChange="fibonacci();">' + "\n";
  for (var i = 1; i <= 77; i++)
  {
    content += '  <option value="' +i+ '">' +i+ '</option>' + "\n";
  }
  content += '</select>' + "\n";
  $('#selector').html(content);
});

function fibonacci()
{
  var num = parseInt($('#selnum').val());
  var arry = [1,1];

  for (var i = 3; i < num + 1; i++)
  {
    var y = arry[i - 3] + arry[i - 2];
    arry.push(y)
  }

  var res = '';
  var n = arry.length;
  for (var i = 1; i <= num; i++)
  {
    res += "<tr><td>" + i + ".</td><td>" + arry[i-1] + "</td></tr>\n";
  }
  res = "fibonacci(" + num + ") = " + arry[num-1]+ "<br>"
      + "<table>" + res + "</table>";
  $('#result').html(res);
}
</script>
</head>
<body>
<div id="selector"></div>
<br>
<div id="result"></div>
</body>
</html>