Publicando meus codigos aqui !
Fala turma !!!
Eu tive uma ideia de publicar meus codigos por aqui...
eu me sinto confortavel aqui pois nunca recebi uma critica que nao me fez crescer ou nao me mostrase uma soluçao bom a partir de Hoje eu quero publicar meus codigos tanto do meu curso que eu estou fazendo de programaçao tanto os que eu desenvolvo para treino
Aqui vai o primeiro:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h2>Como o programa foi feito</h2>
<ol>
<li>Exibe um alerta com a mensagem de boas vindas ao usuario</li>
<li>Pede que o usuario informe seu nome</li>
<li>Pede que o usuario informe a sua idade</li>
<li>Pede para que ele confirme a sua idade</li>
<li>Exibe um alerta mostrando o nome e a idade e se ele confirmou o alerta</li>
</ol>
<script src="pegando dados de usuarios.js"></script>
</body>
</html>
alert(`Seja bem vindo!`)
const nomeUsuario = prompt(`Informe seu nome:`)
const idade = Number(prompt(`Digite a sua idade:`))
let confirmaçao = confirm(`Confirma sua idade ?`)
if(confirmaçao == true){
confirmaçao = `Confirmada!`
}else{
confirmaçao = `Nao confirmada!`
}
alert(`
Nome: ${nomeUsuario}
Idade: ${idade}
Idade confirmada: ${confirmaçao}
`)
algo muito simples por enquanto mas prometo que cada dia voces veram uma evoluçao caso entrem em alguma postagem com esse conteudo
Lembrando que voces tem a total liberdade de se sentirem a vontade para falar sobre o codigo ou qualquer outra coisa
obrigado turma !!!
Não entendi pra que precisa confirmar a idade, mas enfim.
Como já disseram, não precisa comparar um booleano com true ou false, basta fazer if (confirmaçao) para verificar se é verdadeiro, ou if (!confirmaçao) para saber se é falso.
Mas na verdade, nesse caso nem precisa guardar o resultado do confirm em uma variável, pois poderia ser apenas:
let confirmaçao;
if (confirm('Confirma sua idade ?')) {
confirmaçao = 'Confirmada!';
} else {
confirmaçao = 'Nao confirmada!';
}
Ou ainda:
let confirmaçao = confirm('Confirma sua idade ?') ? 'Confirmada!' : 'Nao confirmada!';
Outro detalhe é que Number aceita também números quebrados, mas faz sentido a idade ser 12.5 ou 1.23456?
Provavelmente só faz sentido ser números inteiros positivos, então seria melhor usar parseInt. E poderia ir além, e ficar pedindo para digitar de novo, até que o número digitado seja válido:
let idade;
while (true) {
idade = parseInt(prompt('Digite sua idade'));
if (isNaN(numero)) {
alert('Não foi digitado um número válido');
else if (numero <= 0) {
alert('idade deve ser maior que zero');
} else {
break; // sai do while
}
}
Agora se for digitado 10.5, o resultado será 10 (pois parseInt para de ler quando encontra o ponto). Claro que daria para melhorar mais a validação, mas enfim, foi só para mostrar que Number não é uma solução mágica, e que vc deve pensar bem sobre o tipo de dado que será aceito.
E repare que usei aspas para as strings. Claro que usar ` também funciona, mas este caractere serve para as template strings, que vc usou no último alert - elas fazem sentido quando se quer interpolar variáveis dentro da string.
E como eu já disse em outro post seu, coloquei ponto-e-vírgula no final das linhas. Pode parecer "frescura", e sei que o JavaScript "aceita" o código sem ponto e vírgula e "funciona", mas isso evita algumas situações bizarras que podem ocorrer se você não usá-los, como essa e essa (veja mais sobre isso aqui).
Algumas observações sobre esse trecho aqui:
alert(`Seja bem vindo!`)
const nomeUsuario = prompt(`Informe seu nome:`)
const idade = Number(prompt(`Digite a sua idade:`))
let confirmaçao = confirm(`Confirma sua idade ?`)
if(confirmaçao == true){
confirmaçao = `Confirmada!`
}else{
confirmaçao = `Nao confirmada!`
}
alert(`
Nome: ${nomeUsuario}
Idade: ${idade}
Idade confirmada: ${confirmaçao}
`)
A variável confirmacao uma hora recebe um boolean e outra hora recebe um texto. Apesar de ser comum, esse tipo de coisa pode prejudicar a legibilidade e compreensão na medida que o projeto cresce.
Outro ponto, você não precisa comparar variáveis ou expressões que retornam booleans dessa forma que você fez. Apesar de funcionar, existe uma maneira mais clara e legível:
if ( confirmaçao ) {
....
}
Eu mudaria seu código para o seguinte:
alert(`Seja bem vindo!`);
const nomeUsuario = prompt(`Informe seu nome:`);
const idade = Number(prompt(`Digite a sua idade:`));
const confirmado = confirm(`Confirma sua idade ?`);
const confirmacao = confirmado ? `Confirmada!` : `Nao confirmada!`;
alert(`
Nome: ${nomeUsuario}
Idade: ${idade}
Idade confirmada: ${confirmaçao}
`)