Web Workers - No woker

by 0GiS0

HTML

<!DOCTYPE html>
<head></head>
<body>
    <article>
        <header>
            <h1>Web Workers</h1>
        </header>
        <div id="sample">
            <img alt="Pacmac" src="http://www.returngis.net/wp-content/uploads/pics/2012/10/pacman.gif"/>
        </div>
         <section id="fibonacci">
            <label for="txtSerie">Type a number:</label>
            <input id="txtSerie" type="number" min="1"/>
            <button id="btnCalculate">Calculate</button>
            <div>
                <output id="result" />
             </div>
        </section>
    </article>
</body>
</html>

CSS

body{
    font-family:'Segoe UI';
    font-size:9pt;
}

header h1{
    font-size:12pt;
    color: #fff;
    background-color: #1BA1E2;
    padding:20px;
}

#sample
{
    background-color: #000;
}

article section
{
    padding:20px;
}

input,button {
    padding:5px;
}

JavaScript

function calculateFibonacci(number)
{
    var serie = 0;
    
    switch(number)
    {
        case 0:
            return serie;
        case 1:
             serie++;
            return serie;
        default:
            return (calculateFibonacci(number - 1) + calculateFibonacci(number - 2));
    }  
}

function getSerie(lenght)
{
    var results = [];
    
    for(var i = 0; i < lenght;i++)
    {
        results.push(calculateFibonacci(i));            
    }
    
    return results;
}

window.onload = function(){
    
    //Handlers
  
    var btnCalculate = document.getElementById("btnCalculate");
    
    btnCalculate.addEventListener("click",function(){
           
        var txtSerie = document.getElementById("txtSerie");
        var numbers = getSerie(parseInt(txtSerie.value));
             
        var output = document.getElementById("result");
        output.innerText = numbers.join("\n");
            
    });
}