Duvida sobre a logica do booleano!

Kleber Machado,

você está certo ao relacionar a instrução 'if' com uma condição booleana, o que é mais dificil de perceber.

Mas para não estragar o exercício, segue um exemplo similar ao que deve ser feito, mas com uma variável mais fácil de entender o booleano. Explicações nos comentários do próprio código:

<meta charset = "UTF-8">

<script>

    function mostra(frase) {
        document.write(frase);
        document.write("<br>");
    }


    function encheCopo()   {
        mostra("Está vazio! ...obrigado por encher meu copo!");
    }


    function esvaziaCopo()   {
        mostra("Ah, agora está cheio. Vou poder beber!");
    }


    var copoVazio = true;               //aqui eu digo inicialmente qual é a condição booleana: verdadeiro ou falso.

    function encheOuEsvaziaCopo() {     //esta função chama uma ou outra função, dependendo da condição ser verdadeira ou falsa:

        if(copoVazio) {             //aqui poderia alternativamente escrever if(copoVazio == true) {
            encheCopo();            //se o copo estiver vazio for uma condição verdadeira, ele chama a function encheCopo.

        } else {
            esvaziaCopo();          //se o copo estiver vazio for uma condição falsa, ele esvazia chama a function esvaziaCopo.
        }

        copoVazio = !copoVazio;     //aqui ele alterna as condições verdadeiro e falso da variável. Ou seja, se for copoVazio (se copoVazio for true), copoVazio passa a ter a condição contrária de copoVazio. E vice=versa.

    }


    setInterval(encheOuEsvaziaCopo, 2000); // a cada 2 segundos, chama encheOuEsvaziaCopo 

</script>

opa gostei do seu exemplo. é o mesmo da parte final do exercício quando o professor da uma polida na função Veja se estar certo meu raciocínio.

setInterval >>(chama, encheOuEsvaziaCopo ,tempo2000)>> ( que vai verificar) o if (que é true) >> executa/chama o (encheCopo "função") daqui ele para e desce pro incremento >> (copoVazio = !copoVazio) que como tem operador lógico NOT > ! < vai inverte temporariamente ate ser executado de novo (var copoVazio = true;)>> pra>> (false)

Que na segunda chamada (setInterval) >>vai pro Else ja que o if e false. ai repete o ciclo.Fato é ele vai executar sempre (if) ou (else) dependendo do (false/true) e sempre vai descer pro incremento (copoVazio = !copoVazio) e la vai alternar as variáveis (false-true) a cada chamada.

vou escrever vários códigos canvas ou document.write para brincar com essa ideia.

obrigado; Akashi

Perfeito. O exercício do troca bandeira é bem parecido. Boa sorte aí nos estudos.