Comparação entre radios

[Yuri Freitas 0]

Estou desenvolvendo uma pagina em html, e usando JS. Criei 2 tabelas, onde pretendo colocar as questões de uma prova e compara com o gabarito retornando o total de pontos que o usuário fez.

Mas, não estou conseguindo comparar as teclas radio:

Por exemplo, o  usuário seleciona a letra a em uma tabela, e b em outra, isso deveria resultar em 0

se ele escolher a em ambas isso deveria resultar em 1.

Tentei fazer isso, mas não deu certo:

<script>
    
        function teste(escolha){
            
            var letra = escolha.value.
            for(i=0;i<document.zebra.letra.length;i++)
                if(document.zebra.letra.length.equals(document.zebraGabarito.letra.length))
                    alert("" + i)
        }</script> 

 

não consegue sair disso

[Eziquiel 96]

Gostaria de ajudar, mas não entendi muito bem o problema. Favor explicar mais.

 

 

[Yuri Freitas 0]

Então, estou fazendo uma pagina coloquei 2 tabelas nela, o objetivo é simples, é ver quantos pontos faço em um prova, para isso coloco o gabarito da prova e as minhas respostas.

 

Para isso usei um radio, quando a pessoa pressionar na tabela de resposta uma letra e na outra a mesma letra isso é um ponto, do contrario não.

 

Vou anexar o projeto

Da uma olhada por favor, estou fazendo isso para entender melhor sobre javascript

principal.html

[Eziquiel 96]

Bom... se bem entendi está aqui o que precisa.

 

Eu fiz a varredura dos radios por JQuery, o que torna o trabalho mais fácil. Sendo assim é necessário o arquivo "jquery.min.js" na mesma pasta do "Gabarito.html". 

 

A varredura e contagem de acertos será feita ao clicar qualquer um dos botões "Resultado", exibindo então uma mensagem com o número de acertos. Espero ter ajudado.

 

(Precisei fazer algumas acertos na nomeação dos elementos html no seu código pra dar certo a varredura de contagem via loop).

 

Abraço.

Gabarito.html

jquery.min.js

[Yuri Freitas 0]

PERFEITO, não sei nem como agradecer, vou estudar o código pois quero muito compreender melhor.

 

Só mais uma pergunta.

Estou começando agora, e gostaria de saber como fez o arquivo jquery.min.js tão rápido?

 

Usou alguma ide especifica?

 

Então, estou fazendo uma pagina coloquei 2 tabelas nela, o objetivo é simples, é ver quantos pontos faço em um prova, para isso coloco o gabarito da prova e as minhas respostas.

 

Para isso usei um radio, quando a pessoa pressionar na tabela de resposta uma letra e na outra a mesma letra isso é um ponto, do contrario não.

 

Vou anexar o projeto

Da uma olhada por favor, estou fazendo isso para entender melhor sobre javascript

 

 

[Eziquiel 96]

<script>
  var pontos=0;

  $(document).ready(function(){

    $('input[type="button"]').click(function(){   		// chamada "onclick" do botão;

      pontos=0;											// zera a pontuação a cada varredura	
      for (i = 1; i <= 70; i++) { 						// loop de varredura pros 70 grupos de radioButtons
        var elm1 = 'input[name="Letra'+i+'"]:checked';	// seletor pra identificar o grupo de respostas TABELA 1 referente a cada pergunta
        var elm2 = 'input[name="LetraB'+i+'"]:checked';	// seletor pra identificar o grupo de respostas TABELA 2 referente a cada pergunta

        if ($(elm1).length > 0 && $(elm2).length > 0 ){	// checa se em ambas as tabelas há um radio selecionado - pra não considerar como acerto quando ambas não estiverem selecionadas.

          var r1 = $(elm1).attr('value');				// pega o valor da propriedade value do radio selecionado na TABELA 1 'a' ou 'b', etc...
          var r2 = $(elm2).attr('value');				// pega o valor da propriedade value do radio selecionado na TABELA 2 'a' ou 'b', etc...

          if (r1 == r2)								// compara se ambos os valores são iguais	
            pontos++;								// incrementa uma unidade à variável pontos

        }
      }  
      alert("Total de acertos: " + pontos+".");			// exibe a mensagem na tela	

    });
  });
</script>

Aí está o código comentado. 

Se quiser que faça a contagem a cada clique nos "radios", então substitua:

 

ISSO: 

$('input[type="button"]').click(function(){

POR: 

$('input[type="radio"]').click(function(){ 

Abraço.

 

[Eziquiel 96]

Respondendo sua pergunta: o JQuery é uma biblioteca em javascript que baixei. Já peguei ela pronta. 

Ela é muito utilizada pelos desenvolvedores. Facilita muito a nossa vida.

Vale a pena dar uma boa estudada nesse conteúdo abaixo.

 

http://blog.thiagobelem.net/o-que-e-e-como-funciona-o-jquery