popballoonsgame.js

function startGame() {
    var level_game = document.getElementById('level_game').value;
    window.location.href = 'popballoonsgame2.html?' + level_game;
}

var timeId = null; //armazena a chamda da funcao timeout

function inciaJogo() {

    var url = window.location.search;
    var nivel_jogo = url.replace("?", "");

    var tempo_segundos = 0;

    if (nivel_jogo == 1) { //easy - 120s
        tempo_segundos = 120;
    }

    if (nivel_jogo == 2) { //easy - 60s
        tempo_segundos = 60;
    }

    if (nivel_jogo == 3) { //easy - 30s
        tempo_segundos = 30;
    }

    //segundos no span
    document.getElementById('cronometro').innerHTML = tempo_segundos;


    // quantidade de baloes
    var qtde_baloes = 5;
    cria_baloes(qtde_baloes);

    //imprimir qted_baloes
    document.getElementById('baloes_inteiros').innerHTML = qtde_baloes;
    document.getElementById('baloes_estourados').innerHTML = 0;

    contagem_tempo(tempo_segundos + 1);
}

function contagem_tempo(segundos) {

    segundos = segundos - 1;
    if (segundos == -1) {
        clearTimeout(timeId); // para a execucao da funcao do settimeout;
        game_over();
        return false;
    }

    document.getElementById('cronometro').innerHTML = segundos;
    timeId = setTimeout("contagem_tempo(" + segundos + ")", 1000);
}

function game_over() {
    remove_eventos_baloes();
    alert('GAME OVER');
}

function cria_baloes(qtde_baloes) {

    for (var i = 1; i <= qtde_baloes; i++) {

        var balao = document.createElement("img");
        balao.src = 'imagens/balao_azul_pequeno.png';
        balao.style.margin = '10px';
        balao.id = 'b' + i; // id de cada balao
        balao.onclick = function () { estourar(this); };

        document.getElementById('cenario').appendChild(balao);
    }
}

function estourar(e) {

    var id_balao = e.id;

    document.getElementById(id_balao).setAttribute("onclick", "");

    document.getElementById(id_balao).src = 'imagens/balao_azul_pequeno_estourado.png';

    pontuacao(-1);
}

function pontuacao(acao) {

    var baloes_inteiros = document.getElementById('baloes_inteiros').innerHTML;
    var baloes_estourados = document.getElementById('baloes_estourados').innerHTML;

    baloes_inteiros = parseInt(baloes_inteiros);
    baloes_estourados = parseInt(baloes_estourados);

    baloes_inteiros = baloes_inteiros + acao;
    baloes_estourados = baloes_estourados - acao;

    document.getElementById('baloes_inteiros').innerHTML = baloes_inteiros;
    document.getElementById('baloes_estourados').innerHTML = baloes_estourados;

    status_jogo(baloes_inteiros);
}

function status_jogo(baloes_inteiros) {

    if (baloes_inteiros == 0) {
        alert('parabéns, vc conseguiu !');
        stop_game();
    }
}

function stop_game() {
    clearTimeout(timeId);
}

function remove_eventos_baloes() {
    var i = 1; //contado para recuperar balões por id

    //percorre o lementos de acordo com o id e só irá sair do laço quando não houver correspondência com elemento
    while (document.getElementById('b' + i)) {
        //retira o evento onclick do elemnto
        document.getElementById('b' + i).onclick = '';
        i++; //faz a iteração da variávei i
    }
}