Jump to content

Minatos™

Members
  • Content count

    5
  • Joined

  • Last visited

Community Reputation

0 Comum

About Minatos™

  • Birthday 03/02/1996

Informações Pessoais

  • Sexo
    Masculino
  1. Minatos™

    Como manipular checkboxes usando .checked

    Nossa, Obrigado Mano! eu sabia que era coisa simples, revisei o código várias vezes, mas o sono deixou passar essa, Valeu! deu certinho. Obrigado Amigo! sua maneira de fazer essa questão está funcionando perfeitamente, valeu por essa luz.
  2. Minatos™

    Indentificar objetos HTML com JavaScript

    Basicamente: <div id="suadiv"></div> <script> document.getElementById("suadiv").addEventListener("click", function( event ) { // mostra o contador de cliques dentro da div clicada event.target.innerHTML = "Total de cliques: " + event.detail; }, false); </script> Você só irá trocar o .getElementById pelo .getElementsByClassName
  3. 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>&copy; 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. :/
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.