[Projeto] Desafio: Hora Prática Concluido | Lógica de programação: mergulhe em programação com JavaScript

Decidi começar a postar tópicos no fórum sobre os desafios solicitados no curso, afim de documentar o que estou fazendo e dar uma luz pro pessoal que esteja procurando conversar e discutir sobre esses desafios.

Primeiro desafio que conclui foi o da Hora Prática Concluido, finalmente consegui começar a estudar e vamos indo.

Vamos ao código js.

// Etapa 1: Mensagem de boas vindas.
alert("Boas vindas ao nosso site!"); 

// Etapa 3 a 5: Declarar variáveis e valores;
let nome = ("Lua");
let idade = 25;
let numeroDeVendas = 50;
let saldoDisponivel = 1000;

// Etapa 6: Alerta de erro.
alert("Erro, Preencha todos os campos!");
console.log("Esta é a etapa 3");

// Etapa 7: declarar o erro com variável.
let mensagemdeErro=("Erro, Preencha todos os campos!");
alert(mensagemdeErro);

// Etapa 7: Prompt para solicitar o nome de usuário.
let Username = prompt("Digite seu nome")
nome = Username;

// Etapa 8: Prompt para solicitar a idade do usuário.
let Age = prompt("Digite sua idade");
idade = Age;

// Algumas modificações da solicitação original foram realizadas, afim de aprendizado.
    if (idade >= 18){
        alert("Parabéns " + nome + ", você pode tirar habilitação, pois tem " + idade + " anos")
    }
    else {
        alert("Poxa "+ nome + ", você não pode tirar habilitação ainda, pois " + idade + " anos ainda é considerado menor de idade!")
    }

Aproveitando, ao invés de criar uma página Html em branco, criei uma com alguma com alguns textos básicos.

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">


<header><h1>Este é o Javascript de Desafio da Aula 1 do Oracle One</h1></header>


<body>
<p>
1. Mostre um alerta com a mensagem "Boas vindas ao nosso site!".<br>

2. Declare uma variável chamada nome e atribua a ela o valor "Lua".<br>

3. Crie uma variável chamada idade e atribua a ela o valor 25.<br>

4. Defina uma variável numeroDeVendas e atribua a ela o valor 50.<br>

5. Defina uma variável saldoDisponivel e atribua a ela o valor 1000.<br>

6. Exiba um alerta com o texto "Erro! Preencha todos os campos"<br>

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.<br>

8. Use um prompt para perguntar o nome do usuário e armazená-lo na variável nome.<br>

9. Peça ao usuário para digitar sua idade usando um prompt e armazene-a na variável idade.<br>

10. Agora, caso a idade seja maior ou igual que 18, exiba um alerta com a mensagem "Pode tirar a habilitação!".<br>
</p>

</body>


<footer>
    <h3>Concluído por Richard Kaua Piccoli Lobato, em 22/01/2024</h3>
</footer>

<script src="js.js" defer></script>
</html>

Código em execução: https://codepen.io/RichardKPL/pen/wvOqWoM

Gostaria de acrescentar que estou gostando muito da didática do curso, ao invés de ter aulas extensivas e com um unico video gigante, tem os vídeos recortados e dispostos em ordem cronológica, o que ajuda muito com meu defícit de atenção na hora de estudar <3.

Mergulhe em programação