Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Abrir o arquivo no navegador

Boa tarde, como eu transformo o código para ele ficar que nem o jogo do numero secreto, abrindo no navegador, para assim o usuario interagir com ele?

3 respostas
solução!

Oi, Vitor, tudo bem?

Para que você consiga abrir o seu arquivo no navegador, é necessário salvar o arquivo com a extensão ".html". Semelhante ao formato que está no arquivo "index.html" do jogo de adivinhar o número secreto.

Também é necessário utilizar algumas tags básicas para que você consiga rodar o código corretamente. Como exemplo irei mostrar como você poderia aplicar isso para o primeiro exercício da lista de desafios que estão na atividade Desafio: hora da prática.

No primeiro exercício o enunciado pede para perguntar ao usuário qual é o dia da semana. Se a resposta for "Sábado" ou "Domingo", mostre "Bom fim de semana!". Caso contrário, mostre "Boa semana!".

A resolução em javascript ficaria assim:

let diaDaSemana = prompt("Qual é o dia da semana?");
if(diaDaSemana == "Sábado" || diaDaSemana == "Domingo"){
    alert("Bom fim de semana!");
} else {
    alert("Boa semana!");
}

Nesse código, a função prompt() pede ao usuário para inserir o dia da semana. A resposta do usuário é armazenada na variável diaDaSemana. Em seguida, o código verifica se o dia da semana é "Sábado" ou "Domingo". Se for, exibe a mensagem "Bom fim de semana!" usando a função alert(). Se não for, exibe a mensagem "Boa semana!".

Agora para executar o código no navegador, você precisa inseri-lo dentro de um arquivo HTML, como este que mostro abaixo:

<meta charset="UTF-8">
<script>
let diaDaSemana = prompt("Qual é o dia da semana?");
if(diaDaSemana == "Sábado" || diaDaSemana == "Domingo"){
    alert("Bom fim de semana!");
} else {
    alert("Boa semana!");
}
</script>

Depois de salvar o arquivo, você pode abrir o arquivo HTML no seu navegador para interagir com o código.

Espero ter ajudado. Caso tenha dúvidas, não hesite em postar no fórum!

Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

Obrigado pela ajuda em relação a pergunta e por mostrar como deixar o código mais enxuto e pratico.

Também estava com essa dúvida, muito obrigado!