用點擊功能添加數字

晚上好，我正在嘗試創建一個簡單的應用程序來計算保險費率。第一個輸入是用於該項目的價值（整數），第二個是用於十進制數字的保險費率，一旦輸入數字，它將進行一些額外的數學計算，然後將總數網頁上的文檔。我似乎無法讓總數出現在輸入欄中。任何幫助將不勝感激，因爲這是我的第一個項目。用點擊功能添加數字

謝謝埃德溫

total.addEventListener('click',() => { 
 
    const rte1 = parseFloat(document.getElementById('val$').value); 
 
    const rte2 = parseFloat(document.getElementById('valRate').value); 
 
    const surCharge = rte1 * rte2; 
 
    const ept = surCharge * .036; 
 
    const totalCharge = surCharge + ept; 
 
     
 
    document.getElementById('price').innerHTML = totalCharge; 
 
});

<p class="coll mt-4 text-primary">Enter Value:</p> 
 
\t <input id="val$" type="text" name="rate1"> 
 
\t 
 
    <p class="coll mt-4 text-primary">Enter Insurance Rate:</p> 
 
\t <input id="valRate" type="text" name="rate2"> 
 
\t 
 
\t <!-- Calculate Button --> 
 
\t <button onclick="total" type="button" class="btn btn-primary active d-block mx-auto mt-4">Calculate</button> 
 
\t 
 
\t <p class="coll mt-5 text-primary">Total charges including IPT:</p> 
 
\t <input id="price" type="text">

來源

2017-04-14 Edwin Rafael Castro

只需使用的onClick在HTML元素調用JavaScript函數：

function total() { 
 
    const rte1 = parseFloat(document.getElementById('val$').value); 
 
    const rte2 = parseFloat(document.getElementById('valRate').value); 
 
    const surCharge = rte1 * rte2; 
 
    const ept = surCharge * .036; 
 
    const totalCharge = surCharge + ept; 
 

 
    document.getElementById('price').value = totalCharge; 
 
};

<p class="coll mt-4 text-primary">Enter Value:</p> 
 
\t <input id="val$" type="text" name="rate1"> 
 
\t 
 
    <p class="coll mt-4 text-primary">Enter Insurance Rate:</p> 
 
\t <input id="valRate" type="text" name="rate2"> 
 
\t 
 
\t <!-- Calculate Button --> 
 
\t <button onclick="total()" type="button" class="btn btn-primary active d-block mx-auto mt-4">Calculate</button> 
 
\t 
 
\t <p class="coll mt-5 text-primary">Total charges including IPT:</p> 
 
\t <input id="price" type="text">

你還需要使用.value而不是.innerHTML設置在輸入文本。

來源

2017-04-14 02:59:33

謝謝迪倫！非常感激。它工作完美。我沒有意識到我必須把（）放在onclick =「total」中。 –

是的，因爲我完成了一個功能，所以你打電話給總功能onclick。 –

document.getElementById('price').innerHTML = totalCharge;

應該

document.getElementById('price').value = totalCharge;

來源

2017-04-14 02:59:05 Simon

用點擊功能添加數字

回答

相關問題