Boa tarde, espero ter atendido os requisitos.
Bom para realizar essa atividade, criei um pasta onde fiz a nomeação de cada arquivo .js como a atividade, segue imagem!
Após criar esse arquivo segui da seguinte forma:
Arquivo:
atividade_01.js
/* 1.Mostre um alerta com a mensagem "Boas vindas ao nosso site!".*/
const mensagem = "Boas Vindas";
alert(mensagem)
Arquivo:
atividade_02.js
/2. Declare uma variável chamada nome e atribua a ela o valor "Lua"./
const nomeLua = "Lua";
console.log(
"O nome da variavel é", nomeLua
);
Arquivo:
atividade_03.js
/*
3.Crie uma variável chamada idade e atribua a ela o valor 25.
*/
let idade = 25;
console.log(Minha idade é ${idade}
);
Arquivo:
atividade_04.js
/*
4.Defina uma variável numeroDeVendas e atribua a ela o valor 50.
*/
let numeroDeVendas = 50;
console.log(O numero de vendas é ${numeroDeVendas}
);
Arquivo:
atividade_05.js
/*
5.Defina uma variável saldoDisponivel e atribua a ela o valor 1000.
*/
let saldoDisponivel = 1000;
console.log(O saldo disponivel é ${saldoDisponivel}
);
Arquivo:
atividade_06.js
/6.Exiba um alerta com o texto "Erro! Preencha todos os campos"/
const mensagemErro = "Erro! Preencha todos os campos";
alert(mensagemErro);
Arquivo:
atividade_07.js
/7.Declare uma variável chamada mensagemDeErro e atribua a ela o valor "Erro! Preencha todos os campos" Agora exiba um alerta com o valor da variável mensagemDeErro./
const messagemDeErro = "Erro! Preencha todos os campos";
alert(messagemDeErro);
Arquivo:
atividade_08.js
/8.Para o próximo código, use um novo prompt para perguntar o nome do usuário e armazená-lo em uma variável, pode chamá-la de nome ou adicionar o que desejar ./
const mensagemBoasVindas = "Boas Vindas";
alert(mensagemBoasVindas);
let nome = prompt("Poderia me informar o seu nome!");
const mensagemFinal = Como poderia ajudar ${nome}?
;
console.log(O nome informado é ${nome}
);
alert(mensagemFinal);
Arquivo:
atividade_09.js
/*
9.Peça ao usuário para digitar sua idade usando um prompt e armazene-a na variável idade
*/
let nova_idade = prompt(${nome}, informe a sua idade
);
alert(${nome}, a sua idade é ${nova_idade}
);
console.log(A idade informada de ${nome}, é ${nova_idade}
);
Arquivo:
atividade_10.js
/10.Agora, para validar a idade que capturamos no desafio 09, caso a idade seja maior ou igual que 18, exiba um alerta com a mensagem "Pode tirar a habilitação!"./
const dezoito = 18;
const mensgMaiorDezoito = "Pode tirar a habilitação!";
const mensgMenorDezoito = "Não pode tirar a habilitação!";
if ( nova_idade >= dezoito ) {
alert(mensgMaiorDezoito);
console.log(A idade informada é de ${nova_idade}, e pode tirar a habilitação
);
}else{
alert(mensgMenorDezoito);
console.log(A idade informada é de ${nova_idade}, e não pode tirar a habilitação
);
}
E para mostrar no meu index.html, fiz da seguinte maneira:
Com o <script scr="xxx" />
consigo chamar os aquivos que fiz as minhas atividades, de forma fique separada e organizada (ao meu ver).
Desta forma aproveitei a imagem que esta no fundo, e criei um espaço onde eu poderia fazer as atividades e até mesmo subir para github para ficar salva e olhar futuramente quando tiver alguma duvida.
Espero que tenha atendido os requisitos. Se houver algo que possa melhorar, ficaria grato em saber como fazer.