Javascriptが関数を実行し、一度だけ

Question

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))}; 

-

送信ボタンは一度しか動作しません。ページを更新する必要があります。問題を解決するにはどうすればいいですか？

Answer 1

私は次のようにのみ上記のコードを実行し、新しい機能を作成しました：

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

Answer 2

あなたのJavaScriptコードを1行に減らすことができます。

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

これは、エラーを引き起こすのに十分です。問題は.value()です。代わりに.valueにする必要があります。エラーメッセージには、.valueは機能ではなく、呼び出すことができません。

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>