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>