pedi pro deepseek me trazer esse HTML de um formulário simples:
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulário de Cadastro</title>
</head>
<body>
<div class="container">
<h1>Cadastro de Usuário</h1>
<form id="meuFormulario">
<!-- Campo de Nome -->
<label for="nome">Nome completo:</label>
<input type="text" id="nome" name="nome" required>
<!-- Campo de E-mail -->
<label for="email">E-mail:</label>
<input type="email" id="email" name="email" required>
<!-- Campo de Data de Nascimento -->
<label for="nascimento">Data de nascimento:</label>
<input type="date" id="nascimento" name="nascimento">
<!-- Campo de Senha -->
<label for="senha">Senha:</label>
<input type="password" id="senha" name="senha" required>
<!-- Opções de Gênero (Radio Buttons) -->
<fieldset>
<legend>Gênero:</legend>
<label>
<input type="radio" name="genero" value="masculino" required>
Masculino
</label>
<label>
<input type="radio" name="genero" value="feminino">
Feminino
</label>
<label>
<input type="radio" name="genero" value="outro">
Outro
</label>
</fieldset>
<!-- Interesses (Checkboxes) -->
<fieldset>
<legend>Interesses:</legend>
<label>
<input type="checkbox" name="interesses" value="tecnologia">
Tecnologia
</label>
<label>
<input type="checkbox" name="interesses" value="esportes">
Esportes
</label>
<label>
<input type="checkbox" name="interesses" value="musica">
Música
</label>
</fieldset>
<!-- Aceitar Termos -->
<label>
<input type="checkbox" id="termos" name="termos" required>
Aceito os termos e condições
</label>
<!-- Botão de Envio -->
<button onclick="cadastrando ()" type="button" class="botao-form botao-cadastrar">Cadastrar</button>
</form>
<p id="paragrafo">* Campos obrigatórios</p>
</div>
<script src="script.js"></script>
</body>
</html>
JavaScript
function cadastrando () {
let nome = document.getElementById ('nome').value;
console.log (`Nome completo: ${nome}`);
let email = document.getElementById ('email').value;
console.log (`Email: ${email}`);
let data = document.getElementById ('nascimento').value;
console.log (`Data de nascimento: ${data}`);
let senha = document.getElementById ('senha').value;
console.log (`Senha: ${senha}`);
let genero = document.getElementsByName ('genero');
let generoEscolhido;
for (const radio of genero) {
if (radio.checked) {
generoEscolhido = radio.value;
break;
}
}
console.log (`Genero: ${generoEscolhido}`);
let interesse = document.getElementsByName ('interesses');
let interessesEscolhidos= [];
for (const checkbox of interesse) {
if (checkbox.checked){
interessesEscolhidos.push(checkbox.value);
}
}
console.log (`Interesses: ${interessesEscolhidos}`);
let termos = document.getElementById ('termos').value;
console.log (`A pessoa clicou nos termos? ${termos}`);
//questão-3
let paragrafo = document.querySelector('p');
paragrafo.textContent = 'Você preencheu formulário, muito obrigado!'
}
