Como manipular checkboxes usando .checked
Olá pessoal, tudo bom? recentemente eu comecei a aprender programação com JS, eu já conseguir usar o
.checkboxes
em exercício que o professor passou, entretanto, quando fui criar outros exercícios pra treinar, pra conseguir realmente aprender, ao usar o mesmo método que o professor utilizar, o meu código não funciona.
Basicamente, eu quero saber quando o usuário clicar em uma opção, e em seguida fazer uma ação, o meu código abaixo é de uma pergunta com resposta, basicamente quero saber qual resposta o usuário clicou e dependendo de qual, queria informar uma mensagem na <div></div>
**HTML: **<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Modelo de exercício</title>
<link rel="stylesheet" href="estilo.css">
</head>
<body>
<header>
<h1>Pergunta do Milhão</h1>
</header>
<section>
<div id="div1">
<center><p>O que é um sistema ERP?</p></center>
<p><input type="radio" name="per1" id="alt1" >
<label for="alt1">É um sistema de informação que integra todos os dados e processos de uma organização em um único sistema.</label></p>
<p><input type="radio" name="per1" id="alt2">
<label for="alt2">É uma instituição internacional sem fins lucrativos que associa profissionais de gestão de projetos.</label></p>
<p><input type="radio" name="per1" id="alt3">
<label for="alt3"> é um conjunto de práticas na gestão de projetos organizado pelo instituto PMI e é considerado a base do conhecimento sobre gestão de projetos por profissionais da área.</label></p>
<p><input type="radio" name="per1" id="alt4" checked >
<label for="alt4">NDA</label></p>
<center><input type="button" value="Verificar" onclick="verificar()"></center>
</div>
<div id="res">
Testando...
</div>
</section>
<footer>
<p>© Alexsander Fontes</p>
</footer>
<script src="script.js"></script>
</body>
</html>
**JS:**
function verificar() {
var pergunta = document.getElementById('per1')
var res = document.getElementById('res')
if (pergunta[0].checked) {
res.innerHTML = `Testando manipulação'`
} else if (pergunta[1].checked) {
res.innerHTML = `Testando manipulação 1`
} else if (pergunta[2].checked) {
res.innerHTML = `Testando manipulação 2`
} else if (pergunta[3].checked) {
res.innerHTML = `Testando manipulação 3`
}
}
**E então, se eu usar:**res.innerHTML = Testando manipulação
fora do IF, funciona normal, se eu por na condição, o código para. :/
Discussão (3)
Carregando comentários...