1
resposta

Meu código: Resultado

Mexi um pouco no css e no HTML para fazer um projeto mais pessoal para o portfolio.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

        let numeroSecreto= gerarNumeroAleatorio();
        let tentativas = 1;

        function exibirTextoNaTela(tag,texto){
            let campo=document.querySelector(tag);
            campo.innerHTML=texto;
        }

        exibirTextoNaTela('h1','Jogo do numero secreto');
        exibirTextoNaTela('p','Escolha um numero de 1 a 10');

            function verificarChute(){
                let chute = document.querySelector('input').value;
                if(chute==numeroSecreto){
                    exibirTextoNaTela('h1', 'Acertou!');
                    
                    let palavraTentativa= tentativas > 1 ? 'tentativas' : 'tentativa'
                    
                    let mensagensTentativas = `Você descobriu o numero secreto com ${tentativas} ${palavraTentativa}`;
                    
                    exibirTextoNaTela('p', mensagensTentativas);
                }else{
                    if(chute>numeroSecreto){
                        exibirTextoNaTela('p', 'O número secreto é menor');
                    }else{
                        exibirTextoNaTela('p', 'O número secreto é maior');
                    }
                    tentativas ++;
                }
            }

            function gerarNumeroAleatorio() {
                return parseInt(Math.random()*10 +1);
                
            }
        
1 resposta

Oi, Cosme! Como vai?

Obrigada por compartilhar seu código com a comunidade Alura.

Gostei de como você deixou o projeto mais pessoal ao ajustar o CSS e HTML. A lógica que você implementou para o número secreto está clara e bem estruturada, especialmente o uso do operador ternário para determinar a palavra "tentativa/tentativas".

Conte com o apoio do Fórum na sua jornada. Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓

bons estudos