Team Sophie!

HTML

<!-- Ignore the stuff in here -->
<style type="text/css">body{background:#000}#console{margin:.5em;font-family:monospace;font-size:150%}.line{margin:.5em 0}.err{color:red}.log{color:#09f}.warn{color:#ee0}</style><div id="console"></div><script>function combine(a,b,c,d){return function(){a.apply(b,arguments),c.apply(d,arguments)}}function write(){var a=Array.prototype.slice.call(arguments),b=a.shift(),c=a.join(" ");$("<div/>",{text:c,"class":b+" line"}).appendTo($console)}window.onerror=function(a){console.error(a)};var _c=window.console,$console=$("#console");console.clear(),_c.log=combine(_c.log,_c,write.bind(null,"log")),_c.warn=combine(_c.warn,_c,write.bind(null,"warn")),_c.error=combine(_c.error,_c,write.bind(null,"err"));</script>

CSS

/*
Log the first 50 numbers of the Fibonacci sequence
(the next number is the sum of the previous two numbers - start from 0, 1)
First... Few:
0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233, 377, 610, 987
*/

JavaScript

var fib1 = 0;
var fib2 = 1
var fib3

console.log(fib1);
console.log(fib2);

for (var i = 0; i <= 50; i++) {
    fib3 = fib1 + fib2;
    console.log(fib3);
    fib1 = fib2;
    fib2 = fib3;
}




/*

oldValue = 0
currentValue = 1

log them

nextValue = oldValue + currentValue

log nextValue

oldValue = currentValue
currentValue = nextValue



var fib1 = 0;
var fib2 = 1;
var fib3;

console.log(fib1);
console.log(fib2);

for (var i = 1; i <= 50; i++) {
    fib3 = fib1 + fib2;
    console.log(fib3);
    fib1 = fib2;
    fib2 = fib3;
}

*/