Bomb Cat.html

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bomb Kitty</title>
    <script>
        function iniciarContagem() {
            let tempo = 10;
            const display = document.getElementById("contagem");
            const helloKitty = document.getElementById("helloKitty");
            const mensagem = document.getElementById("mensagem");
 
            const intervalo = setInterval(() => {
                if (tempo >= 0) {
                    display.innerText = tempo;
                    tempo--;
                } else {
                    clearInterval(intervalo);
                    display.innerText = "Como você pode ser tão cruel?!";
helloKitty.style.display = "none"; // Remove a Hello Kitty
                    mensagem.innerText = "💔"; // Mensagem após a explosão
                }
            }, 1000);
        }
    </script>
</head>
<body onload="iniciarContagem()">
 
    <h3>A bomba está prestes a estourar! Por favor, saia da página agora para me salvar! Eu não quero desaparecer...</h3>
<img id="helloKitty" src="https://media.tenor.com/K0GBtc56FNQAAAAi/fnf-hello-kitty.gif" alt="Hello Kitty" width="200">
    <p id="contagem">10</p>
    <p id="mensagem"></p>
 
</body>
</html>