計算兩個變量的總和

我想實時計算樹枝上兩個變量的總和嗎？這是可以用樹枝做的，還是我應該嘗試使用Javascript？計算兩個變量的總和

我曾嘗試使用下面的代碼樹枝，但它不以卷軸的時間工作，我應該填寫表格，然後返回頁面（我的3頁表格）

<div > 
    <label for="nbStudentClassA" >Number of studentA</label> 
    <div > 
     {{ form_widget(form.nbStudentA}} 
    </div> 
</div> 

<div > 
    <label for="nbStudentClassB" >Number of student B</label> 
    <div> 
     {{ form_widget(form.nbStudentB}} 
    </div> 
</div> 

<div 
    <label >Sum </label> 
    <div > 
    {% set sum = form.vars.value.nbStudentA + form.vars.value.nbStudentB %} 
    {{ sum }} 
    </div> 
</div>

來源

2017-07-14 nassim nassim

來計算它的實時需要的JavaScript。樹枝只在服務器上呈現一次，然後發送到客戶端瀏覽器 –

服務器端腳本將無法正常工作實際上，在刷新頁面之前，您需要使用類似jQuery的東西來完成此操作。你可以輕鬆地使用jQuery來計算。還有一些JavaScript數學插件可以讓您在基於JS的腳本中更輕鬆地進行數學運算。

$(document).ready(function() { 
 
    $(".calculate").click(function() {    
 
     var x = $('input[id="nbStudentClassA"]').val(); 
 
     var y = $('input[id="nbStudentClassB"]').val(); 
 
     var mult = x + y; 
 
     var add = (+x) + (+y); 
 
     var sub = (+x) - (+y); 
 
     var div = x/y; 
 
     $('.result').html("Multiply: " + mult + "<br /> Addition: " + add + "<br />Subtration: " + sub + "<br />Division : " + div);  
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<label>Enter two numbers to calculate as an example: Addition, subtraction, multipication and division</label> 
 
    <div> 
 
     <label for="nbStudentClassA" >Number of student A</label> 
 
     <input id="nbStudentClassA" type="text" name="nbStudentClassA" /> 
 
    </div> 
 
    <div> 
 
     <label for="nbStudentClassB" >Number of student B</label> 
 
     <input id="nbStudentClassB" type="text" name="nbStudentClassB" /> 
 
    </div> 
 
    <div class="result"></div> 
 
    <button type="button" class="calculate">Calculate</button>

來源

2017-07-14 12:31:16

我希望結果能夠在沒有按任何按鈕的情況下自動執行，只需在輸入兩個變量之後 –

計算兩個變量的總和

回答

相關問題