javascript - 计算税金和总计

标签 javascript html function

我正在尝试创建一个表格,该表格将根据用户输入的金额计算两种不同的税费并显示总额

我不明白问题出在哪里以及为什么没有显示任何内容。 我包括了脚本。

谢谢

<head>

 <style>
td 
{
border: 1px solid black;
padding: 20px;
margin: 20px;

 }
</style>

<script  type="text/javascript">
function calculateGST ()
{
var v_GST = 0.05;
var v_price = parseFloat(Number(document.getElementById('inputuser').value));
var v_taxes_GST = (v_price * v_GST));

return v_taxes_GST;
}



 function calculateQST ()
 {
 var v_QST = 0.09975;
 var v_price =    parseFloat(Number(document.getElementById('inputuser').value));
  var v_taxes_QST = (v_price * v_QST));

   return v_taxes_QST;

    }

  function calculatetotal ()
   {
   var v_prix = parseFloat(Number(document.getElementById('inputuser').value));
   var v_total;

    v_total = v_price + calculateQST() + calculateGST();

     return v_total;
     }

  function showTotal()
   {
   document.getElementById('valueTotal').innerHTML = showTotal();
    }

    function showQST()
    {
    document.getElementById('valueQST').innerHTML = showQST();
    }


    function showGST()
    {
    document.getElementById('valueGST').innerHTML = calculateGST();
     }

      </script>

  </head>
  <body>

 <table style ="width:75%">
 <tr>
    <td colspan=2> Example</td>
 </tr>

 <tr>
    <td colspan=2> You sell a taxable good for $100. Taxes are calculated as    follows: </td>
    </tr>

 <tr> 
    <td> Selling price </td> 
    <td> <input type="text" id="inputuser"> </td> 
</tr>

<tr> 
    <td> GST ($100 × 5%)  </td>
    <td> <input type="button" value="calculate GST" onclick="showGST();"/>
<div id = "valueGST" class="GST"></div> </td>
</tr>

<tr> 
    <td> QST ($100 × 9.975%)  </td>
    <td> <input type="button" value="calculate QST" onclick="showQST();"/>
<div id = "valueQST" class="QST"></div> </td>
</tr>

<tr> 
    <td> Total  </td>
    <td> <input type="button" value="calculate total"   onclick="showTotal();"/>
   <div id = "valueTotal" class="total"></div> </td>
    </tr>   




   </table>



    </body>
  </html>

最佳答案

您的 showTotal()showQST() 函数正在调用自身。

function showTotal() {
  document.getElementById('valueTotal').innerHTML = calculatetotal();
}

function showQST() {
  document.getElementById('valueQST').innerHTML = calculateQST();
}

function showGST() {
  document.getElementById('valueGST').innerHTML = calculateGST();
}

关于javascript - 计算税金和总计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36341143/

相关文章:

php - 如何防止我的 WordPress 网站中的评论部分横跨全屏?

javascript - SQLite DB 每次都会在phonegap 中填充

c - 如何从函数返回一个字符串到main()?

javascript - 基本的 JQuery 问题

javascript - 在智能手机浏览器上检测悬停或鼠标悬停

javascript - 如果浏览器窗口处于特定宽度,如何使 div 不显示?

javascript - 我如何实时显示此复选框?

c++ - 可能影响功能所用时间的事情

javascript - Angular js - 切换 Controller (站点页面)时停止 Controller 的事件(http请求)

javascript - 从 api 转换日期和时间使时间继续