search

pietroquadros / HTMLL

0 stars 0 forks source link

FLORESTA #1

Open pietroquadros opened 2 hours ago

pietroquadros commented 2 hours ago

cenario-passo0

pietroquadros commented 2 hours ago

const avanca = document.querySelectorAll('.btn-proximo');

avanca.forEach(button => { button.addEventListener('click', function(){ const atual = document.querySelector('.ativo'); const proximoPasso = 'passo-' + this.getAttribute('data-proximo');

    atual.classList.remove('ativo');
    document.getElementById(proximoPasso).classList.add('ativo');
})

})

pietroquadros commented 2 hours ago

body { background-color: #1D4221; color: white; font-family: "Bai Jamjuree", sans-serif; display: flex; justify-content: center; align-items: center; height: 700px; margin: 0; }

button { background-color: #64A712; color: white; font-family: "Bai Jamjuree", sans-serif; }

.passo { display: none; }

.passo.ativo { display:block; }

main { text-align: center; max-width: 90%; }

img { max-width: 90%; }

pietroquadros commented 2 hours ago

<!DOCTYPE html>

A Aventura na Floresta Encantada

Em um dia ensolarado, você descobre uma entrada misteriosa para uma floresta encantada. Dizem que dentro dela existem criaturas mágicas e segredos antigos. Você decide entrar!

Ao entrar na floresta, você se depara com uma árvore gigante que parece ter vida própria. Um sábio corvo pousa em um dos galhos e te observa.

O corvo te conta que a floresta guarda um tesouro, mas apenas quem tiver coragem e sabedoria poderá encontrá-lo. Você deve escolher entre o caminho da esquerda, onde há uma ponte sobre um lago, ou o caminho da direita, que leva a uma caverna.

Você decide explorar mais a floresta e encontra um campo de flores brilhantes. Uma fada aparece e oferece sua ajuda. Ela pode levar você a um lugar especial.

Na ponte, você encontra um lago de águas cristalinas. Ao olhar para a água, você vê reflexos de cenários passados da floresta e percebe que o tesouro está mais próximo do que pensava.

Na caverna, você encontra desenhos antigos nas paredes que contam histórias sobre a floresta. Um brilho no fundo da cavern