Mit Formularen Daten für Javascript-Funktionen sammeln?

Question

Oct 10, 2016, 03:03 AM

Mit Formularen Daten für Javascript-Funktionen sammeln?

Ich versuche, Daten über Formulare auf einer Seite zu sammeln und diese Daten dann zur Verwendung in einer JS-Funktion auf die nächste Seite zu übertragen. (Ich möchte, dass der Benutzer Werte für A, B und C der quadratischen Gleichung eingibt und diese dann an eine Seite sendet, auf der ein Skript diese Werte aufnimmt und die Gleichung ausführt und eine Antwort ausgibt.)

Hier der Code für meine erste Seite --->

    <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>

Hier ist der Code für meine zweite Seite --->

<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>

Wenn ich Werte für A, B und C eingebe, gehe ich auf die zweite Seite, bekomme aber kein Ergebnis. Ich habe versucht, das Element zu inspizieren, und die Konsole zeigt keine Fehler an. Daher denke ich, dass meine Daten korrekt übertragen werden. Irgendwelche Ideen