用点击功能添加数字

晚上好，我正在尝试创建一个简单的应用程序来计算保险费率。第一个输入是用于该项目的价值（整数），第二个是用于十进制数字的保险费率，一旦输入数字，它将进行一些额外的数学计算，然后将总数网页上的文档。我似乎无法让总数出现在输入栏中。任何帮助将不胜感激，因为这是我的第一个项目。用点击功能添加数字

谢谢埃德温

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

用点击功能添加数字

回答

相关问题