Oi, Thiago! Tudo bem?
O console.log
e alert
são duas funções usadas para exibir informações, que porém executam essa função de formas diferentes e possuem propósitos distintos.
Em relação ao console.log
o seu propósito é registrar mensagens no console do navegador, que podemos ter acesso clicando com o botão direito do mouse na tela da nossa página e em seguida clicando na opção "Inspecionar". A ideia é ser uma mensagem exibida "nos bastidores" do nosso navegador, sendo utilizado para depuração e registro de informações durante o desenvolvimento, como no exemplo:
console.log("Estou verificando se esse código está funcionando corretamente.");
Já o alert
é uma função que exibe uma caixa de diálogo na interface do usuário do navegador. É geralmente usado para fornecer informações importantes ou alertas ao usuário, interrompendo a execução do script até que o usuário clique em "OK".
As principais diferenças entre elas são que o alert
interrompe a execução do script até que o usuário interaja (clique em "OK" para fechar a caixa de diálogo), enquanto console.log
não interrompe a execução do script. Além disso, o local de saída das mensagens é diferente, pois as mensagens de console.log
são exibidas no console do navegador ou do ambiente de desenvolvimento, enquanto alert
exibe uma caixa de diálogo diretamente na interface do usuário.
Dessa forma, podemos conferir o resultado do código fornecido pela atividade funcionando da seguinte forma:
Porém para possuirmos mais interatividade com o usuário e exibirmos as informações na tela do usuário podemos realmente usar o prompt
para solicitar ao usuário que informe a sua idade e o alert
para exibir de forma menos escondida esse resultado, deixando o nosso código da seguinte maneira:
let idade = prompt('Informe a sua idade');
let possuiCarteira = true;
// se idade é maior que 18 e possui carteira…
if (idade > 18 && possuiCarteira) {
alert("Pode dirigir!");
} else {
alert("Não pode dirigir.");
}
Dessa forma, a variável idade
receberá o valor informado pelo usuário e não um valor definido previamente, além da mensagem de saída não ser mais exibida no console do navegador e sim na tela do usuário.
Espero ter ajudado na compreensão do código e na diferença entre essas duas funções, caso tenha ficado alguma dúvida, sinta-se à vontade para comunicar aqui no fórum, estou à disposição e ficarei super feliz em poder ajudar!
Um forte abraço e bons estudos!