Formulario comJava Script

HawkxD · Abril 2, 2015

Ola pessoal.

Estou com um trabalho para fazer mas não consigo evoluir.

Tenho que montar uma prova com 10 questoes.

quando o aluno clicar em corrigir,se houver alguma questao(input radio desmarcado) desmarcada devo localizar qual questao não foi marcada e mostrar para o aluno qual ele deve marcar.

Tambem devo, colorir as questoes que ele acertou, com o background verde, caso ele marque errado, colorir de vermelho a errada, e marcar a correta de verde.

não sei por onde começar, so consigo realizar o codigo apenas para uma questao, quando tento evoluir para 2 questoes, me embolo todo e perco o rumo das coisas, alguém poderia me ajudar? Vlw!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Anão Script - Java Script - Menu </title>
<style type="text/css">
</style>
<script language="JavaScript">
    function valida_form(form){
        var  opcao_radio="";
        var x = document.getElementById("nome").value;
        if (x==""){
            alert("Preencha o Nome");
        }else{
            for(i=0;i<=document.form.op_1.length;i++){
                opcao_radio=document.form1.op_1[i].value;
                if(document.form.op_1[i].checked){
                    var pontos = 0
                    var res = ""
                    if (form1.op_1[2].checked){
                        pontos++
                        document.getElementById('op3').style.cssText="background-color:green;";
                    }else 
                        if(form1.op_1[i].checked){
                        document.getElementById('op').style.cssText="background-color:red;" 
                    }
                    // if (form2.op_1[0].checked){
                    //      pontos++
                    //      document.getElementById('op1').style.cssText="background-color:green;";
                    // }else {
                    //     res += "Errou<br>";
                    // }
                    if (res == ""){
                        res = "Acertou Todas<br>"
                    }
                    respostas.style.visibility = "Visible"
                    respostas.innerHTML = res
                    respostas.innerHTML += "pontos = "+pontos
                    return true;
                }
            }
        };        
        if(opcao_radio==""){
            alert("Necessário escolher uma das opções do botão de radio.");
            document.form1.op_1[0].focus();
            return false;
        }
    }  
    
</script>
</head>
<body text="FFFFFF" bgcolor="#000000">
<form name="nome">
    NOME:<input type="text" id="nome">
    <input type="button" value="COMECAR PROVA">
</form>

<form name="form1">
    <font face="Serif" size="4" color="#0088FF">O Brasil fica na: ?</font><br><br>
    A<input type="radio" name="op_1" value="A"><span id="op1">Africa<span></input><br>
    B<input type="radio" name="op_1" value="B"><span id="op2">Sudao</span></input><br>
    C<input type="radio" name="op_1" value="C"><span id="op3">America Latina</span></input>
</form>
<form name="form2">
    <font face="Serif" size="4" color="#0088FF">Qual o comando que se utiliza para aparecer uma caixa de mensagem?</font><br><br>
    A<input type="radio" name="op_1" value=""><span id="op2">alert</span></input><br>
    B<input type="radio" name="op_1" value=""><span id="op2">innerHTML</span></input><br>
    C<input type="radio" name="op_1" value=""><span id="op2">cocota</span></input><br>
</form>

<input type="button" name="botão" value="CORRIGIR" onclick="valida_form();">
<br><br>
<div id="respostas" style="position: absolute;Visibility: hidden">
</div>
</body>
</html>

Entrar

Formulario comJava Script

Pergunta

HawkxD

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades