Usando formulários para coletar dados para funções Javascript?

Question

Oct 10, 2016, 03:03 AM

Usando formulários para coletar dados para funções Javascript?

Estou tentando coletar dados por meio de formulários em uma página e depois transferir esses dados para a próxima página para uso em uma função JS. (Especificamente, desejo que o usuário insira valores para A, B e C da equação quadrática e envie para uma página em que um script aceite esses valores e execute a equação + emita uma resposta).

Aqui o código da minha primeira página --->

    <body> 

    <h1> Welcome to the Math Equation Solver </h1> 

    <p> Which equation would you like to solve? (Simply input the data for the equation you wish to solve). </p> 

    <form name="quad" method="get" action="JS_B.html"> 

<input 
<input type="text" name="a_val" size="5"> 
<br>
<input type="text" name="b_val" size="5"> 
<br>
<input type="text" name="c_val" size="5"> 
<br>

<input type="submit" method="get" action="JS_B.html" value="Submit"> 

<input type="hidden" name="a_val"> 
<input type="hidden" name="b_val">
<input type="hidden" name="c_val"> 
</form>

Aqui está o código para minha segunda página --->

<title>JS_Math Scripts</title>


<body> 

<script type="Javascript"> 
function answer()
{
var a = a_val
document.writeln(a_val) 
var b = b_val
var c = c_val
var root = Math.pow(b, 2) - 4 * a * c 
var answer1 = (-b + Math.sqrt(root)) / 2*a 
var answer2 = (-b - Math.sqrt(root)) / 2*a  
     if(root<'0'); 
     {
     alert('This equation has no real solution.')
     }else{
              if(root=='0')
              {          
              answerOne = answer1
          document.writeln(answerOne)
              answerTwo = 'No Second Answer'
              }else{
                   answerOne = answer1
           document.writeln(answerOne)
                   answerTwo = answer2
           document.writeln(answerTwo)
                   }
          }
}
//  End -->
</script>

<input type="hidden" name="a_val"> 
<input type="hidden" name="b_val">
<input type="hidden" name="c_val"> 
<input type="hidden" name="answerOne">
<input type="hidden" name="answerTwo">
<input type="hidden" name="Answer">


</body> 
</html>

De qualquer forma, quando eu insiro valores para A, B e C, isso me leva à segunda página, mas não estou obtendo resultado. Eu tentei inspecionar o elemento e o console não está indicando nenhum erro, então acho que meus dados estão sendo transferidos corretamente. Alguma ideia?