Javascript läuft Funktion nur einmal

Question

Die

HTML

<p>What factorial would you want to calculate?</p> 
<input id="factorium" type="number"> 
<input id="submission" type="submit" value="Calculate"> 

Javascript

function factorial(x) { 
    if (x === 0) { 
     return 1; 
    } 
    return x * factorial(x - 1); 
} 

    var inputBox = document.getElementById('factorium').value; 
    var submission = document.getElementById('submission'); 
    submission.onclick = function(){console.log(factorial(inputBox))}; 

Herausgegeben -

Der Submit-Button funktioniert nur einmal, ich muss die Seite aktualisieren, damit sie wieder funktioniert, eine Idee, wie Sie das beheben können?

Answer 1

habe ich eine neue Funktion, die den obigen Code wird nur ausgeführt, wie folgt:

function getVals(){ 

    var inputBox = document.getElementById('factorium').value; 
    var submission = document.getElementById('submission'); 
    console.log(factorial(inputBox)); 
} 

und am Eingang Submit-Button ich hinzugefügt haben:

<input id="submission" type="submit" value="Calculate" onclick="getVals()"> 

Answer 2

Ihr JavaScript-Code kann auf eine Zeile reduziert werden:

document.getElementById('factorium').value(); 

Dies ist genug, um den Fehler auszulösen. Das Problem ist .value(), das stattdessen .value sein sollte. Wie die Fehlermeldung sagt, ist .value keine Funktion und kann nicht aufgerufen werden.

Answer 3

JS Fiddle Link

<p>What factorial would you want to calculate?</p> 
<input id="factorium" type="number"> 
<input id="submission" type="submit" value="Calculate" onclick="calcFactorial()"> 

<script> 

    function factorial(x) { 
     if (x === 0) { 
      return 1; 
     } 
     return x * factorial(x - 1); 
    } 

     function calcFactorial(){ 
      var inputBox = document.getElementById('factorium').value; 
      var submission = document.getElementById('submission'); 
      console.log(factorial(inputBox)); 
     } 
</script>