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?
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?
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!
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!