2
respostas

Desafio: hora da prática - Lógica de programação: JavaScript

Desafio concluído:

JAVASCRIPT

// Questão 01
alert("Boas vindas ao nosso site!");

//Questão 02
let nome = "Lua";

// Questão 03
let idade = 25;

// Questão 04
let numeroDeVendas = 50;

// Questão 05
let saldoDisponivel = 100;

// Questão 06
function validarFormulario() {
  // Obtém os valores dos campos de entrada
  const login = document.querySelector('input[name="login"]').value;
  const email = document.querySelector('input[name="email"]').value;
  const senha = document.querySelector('input[name="senha"]').value;

  // Verifica se algum campo está vazio
  if (!login || !email || !senha) {
    alert("Erro! Preencha todos os campos");
  } else {
    // Aqui você pode adicionar o código para enviar o formulário, caso todos os campos sejam preenchidos
    console.log("Formulário preenchido corretamente!");
  }
}

// Questão 07
const mensagemDeErro = "Erro! Preenche todos os campos.";

console.log(mensagemDeErro);

// Questão 08
let guigo = "bibigo";
let user = prompt("Qual o seu nome de usuário?: ");

if (user == "bibigo") {
  alert("Bem-vindo bibigoooo!");
} else {
  alert("Usuário não encontrado");
}

// Questão 09
let year = 23;
let yearUser = prompt("Digite sua idade: ");

if (yearUser == 23) {
  alert("O bibigo tem 23 anos!");
} else {
  alert("Essa não é a idade do bibigo");
}

// Questão 10
let idadeCnh = 18;
let verificarIdadeCnh = prompt("Digite sua idade: ");

if (verificarIdadeCnh >= 18) {
  alert("Pode tirar a habilitação!");
} else {
  alert("Me desculpe bibigo, mas você ainda não pode tirar sua habilitação!");
}

HTML:

<!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>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
    }
    button {
      margin-left: 15%;
      margin-top: 2%;
      background-color: aquamarine;
    }
  </style>
  <body>
    <h1>Olá Guigo!</h1>

    <header>
      <form>
        <div>
          <label for="name">Login</label>
          <input
            type="text"
            name="login"
            placeholder="Digite seu nome aqui"
            class="container-input"
          />
        </div>
        <div>
          <label for="name">Email</label>
          <input
            type="text"
            name="email"
            placeholder="Digite seu email aqui"
            class="container-input"
          />
        </div>
        <div>
          <label for="name">Senha</label>
          <input
            type="password"
            name="senha"
            placeholder="Digite sua senha aqui"
            class="container-input"
          />
        </div>
      </form>
      <button class="btn-main" onclick="validarFormulario()">Entrar</button>
    </header>

    <script src="./questoesJS/atividade01.js"></script>
  </body>
</html>
2 respostas

Oi, Guilherme! Como vai?

Parabéns por concluir o desafio! Seu código está bem estruturado e cobre os pontos necessários.

Abraços e bons estudos!

Boa tarde, Armano!

Muito Obrigado! Fico feliz.

Abraços, bons estudos e bom trabalho!