2016-03-31 15 views
0

は、私は2つの異なる税、ユーザーが入力した金額で計算すると、私は問題であり、その理由は何も表示されていない場所を理解しない総計算税と総

が表示されますテーブルを作成しようとしています。 私はスクリプトを含めました。

おかげ

<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> 
+0

あなたは –

+0

がhttps://jsfiddle.net/k34pegod/#&togetherjs=HIPDTw5snl – NewPassionnate

+0

HERESにエラーjsfiddle.netにそれを投稿してくださいしたい場合:(指数):117キャッチされないにReferenceError:showGSTが定義されていません – JordanHendrix

答えて

2

あなたshowTotal()showQST()機能が自分自身を呼び出しています。

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

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

function showGST() { 
    document.getElementById('valueGST').innerHTML = calculateGST(); 
} 
関連する問題