表示結果

Question

私は結果を計算するためのJS関数を実行（読みやすくするために簡略化）Djangoのテンプレート（たとえば、結果は100である）の簡単な部分がありますので、私は期待し

<script> 
    function calculate() { 
    //do calculation 
    alert(result); //works fine: shows dialog box with "100". 
    return result; 
    } 
</script> 
<p>Result: <script>calculate()</script>.</p> 

を「結果：100」を参照してください。レンダリングされたページに表示されますが、「結果：」だけが表示されます。したがって、 "calculate"関数が実行され、うまくいきます（警告は "100"と表示されます）が、実行結果はテンプレートからレンダリングされたhtmlページに表示されません。

なぜですか？私はページの読み込みに関するいくつかの基本を誤解していると思います。（

Answer 1

JS関数から値を返すと、ページにその値が返されません。明示的に行う必要があります。特定のIDは、そのスパンに値を挿入します。

<p>Result: <span id="calcuation_result"></span>.</p> 
<script>document.getElementById('calculation_result').innerText = calculate();</script>