Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''quiz''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Calendários

  • Comunidade iMasters

Todas as áreas do Fórum

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento Web
    • Desenvolvimento frontend
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets e outros ambientes
    • Desenvolvimento com Wordpress
    • Desenvolvimento de apps
    • Desenvolvimento ágil
    • Desenvolvimento de Games
    • Banco de Dados
    • Design e UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • Boteco iMasters

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 2 registros

  1. geoleandro

    Botão "voltar" quiz em JavaScript

    O botão voltar funciona, mas ele adiciona uma questão na variável "numQ". Onde está o erro no código abaixo: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> .imgbox { float: left; text-align: center; width: 150px; border: 1px solid #ddd; margin: 4px; padding: 5px; } #mylabel { text-align: left; } </style> <body onload="loadquestion()"> <p id="numQ"> <p id="mylabel" name="questao">Questões</p><br> <div class="imgbox" id="imgbox1"><br> <input type="image" src=" " width =auto height= 80px id="btn0" value="option0" name="opt0" onclick="checkans(1)"><br><br> </div> <div class="imgbox" id="imgbox2"><br> <input type="image" src=" " width =auto height= 80px id="btn1" value="option1" name="opt1" onclick="checkans(2)"><br><br> </div> <br><br><br><br><br><br><br><br><br> <div class="imgbox" id="imgbox3"><br> <input type="image" src=" " width =auto height= 80px id="btn2" value="option2" name="opt2" onclick="checkans(3)"><br><br> </div> <div class="imgbox" id="imgbox4"><br> <input type="image" src=" " width =auto height= 80px id="btn3" value="option3" name="opt3" onclick="checkans(4)"><br><br> </div> <br><br><br><br><br><br> <br><br><br><br> <input type="button" id="next" value="Próximo" name="nxtbtn" onclick="changequestion()"><br><br> <input type="button" id="back" value="voltar" name="bkbtn" onclick="backQ()"><br><br> <p id="erro"> <p id="pontos"> <p id="questAtual"> <script type="text/javascript"> i=0; var pontos = 0; var numQ = 1; myqs=[["Clique na foto 3 ?","img3.gif", "img2.gif","img1.gif","img1a.gif","3"], ["Clique na foto 2 ?","icone.png","icone2.png","certo.png","certo.png","2"], ["Clique na foto 4","icone.png","errado.png","certo.png","certo.png","4"] ]; function loadquestion() { document.getElementById("mylabel").innerHTML= myqs[i][0]; document.getElementById("btn0").src= myqs[i][1]; document.getElementById("btn1").src= myqs[i][2]; document.getElementById("btn2").src= myqs[i][3]; document.getElementById("btn3").src= myqs[i][4]; document.getElementById ("numQ").innerHTML = "Questão " + numQ + " de " + myqs.length; document.getElementById("next").value = "Próximo"; document.getElementById("next").style.backgroundColor = "lightgray"; numQ++; document.getElementById("imgbox1").style.backgroundColor = "white"; document.getElementById("imgbox2").style.backgroundColor = "white"; document.getElementById("imgbox3").style.backgroundColor = "white"; document.getElementById("imgbox4").style.backgroundColor = "white"; document.getElementById("erro").innerHTML = ""; document.getElementById("erro").style.color = ""; } function changequestion(){ i=i+1; loadquestion(); } function backQ(){ loadquestion(); i=i-1 } function checkans(a){ respostas =parseInt(myqs[i][5]); if(respostas==a && respostas==3){ pontos++; document.getElementById ("pontos").innerHTML = "Você acertou " + pontos ; document.getElementById("imgbox3").style.backgroundColor = "#99ff99"; } else if(respostas==a && respostas==2){ pontos++; document.getElementById ("pontos").innerHTML = "Você acertou " + pontos ; document.getElementById("imgbox2").style.backgroundColor = "#99ff99"; } else if(respostas==a && respostas==4){ pontos++; document.getElementById ("pontos").innerHTML = "Você acertou " + pontos ; document.getElementById("imgbox4").style.backgroundColor = "#99ff99"; } else { document.getElementById("erro").innerHTML = "Incorreta"; document.getElementById("erro").style.color = "red"; } } </script> </head> </body> </html>
  2. Boa tarde pessoal Eu gostaria de alterar o background das alternativas abaixo para a cor verde, senão para vermelho. Porém só consigo fazer para o formulário inteiro. Estou travado nessa parte, qualquer ajuda seria bem-vinda. Obrigado <!DOCTYPE html> <html> <body> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <div style='line-height: 25px;font-family: arial;' <p align="justify"> <br/> Responda as questões a seguir: <br/> <form id = "quiz" name = "quiz"> <p>Qual é a capital do Peru?</p> <input id = "textbox" type = "text" name = "q1"> <br> <p>Qual é a capital do Equador?</p> <input type = "radio" id = "multipla" name = "q2" value = "Quito"> Quito<br> <input type = "radio" id = "multipla" name = "q2" value = "Quieto"> Quieto<br> <p>Qual é a capital da Argentina?</p> <input type = "radio" id = "multipla" name = "q3" value = "Buenas tardes"> Buenas tardes<br> <input type = "radio" id = "multipla" name = "q3" value = "Buenos Aires"> Buenos Aires<br> <br><br> <input id = "button" type = "button" value = "Conferir" onclick = "checar()"> </form> </div> <p id = "numeroCorreto"></p> <p id = "mensagem"></p> <img id = "imagem" style= width="300" height="150"> <p id = "cor"></p> </div> <script> function checar() { var q1 = document.quiz.q1.value; var q2 = document.quiz.q2.value; var q3 = document.quiz.q3.value; var corretas = 0; var cor = ["#006400", "#006400","#FF0000" ]; if (q1 == "Lima") { corretas++; } if (q2 == "Quito") { corretas++; } if (q3 == "Buenos Aires") { corretas++; } var mensagem = ["Parabéns!", "Foi bom!", "Melhor tentar novamente!"]; var imagem = ["img1.gif", "img2.gif", "img3.gif"]; var pontos; if (corretas < 1) { pontos = 2; } if (corretas > 0 && corretas < 3) { pontos = 1; } if (corretas > 2) { pontos = 0; } document.getElementById ("numeroCorreto").innerHTML = "Você acertou " + corretas + " de 3 perguntas."; document.getElementById ("mensagem").innerHTML = mensagem[pontos]; document.getElementById ("imagem").src = imagem[pontos]; document.getElementById("quiz").style.backgroundColor = cor [pontos]; } </script> </div> </p> </div> </body> </html>
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.