2016-10-25 30 views
0

私は配列var prices = [12.3, 20, 30.33];の3つの値を合計して合計額と7%の税金を含む合計請求額を出力するプログラムを作成しようとしています。ここでJavascript Tax Calculator

は私のHTMLです:

<p>Sum of numbers in array: <span id="sum"></span></p> 

<p>Amount with 7% tax added: <span id="percent"></span></p> 

<button onclick="myFunction()">Click Me</button> 

JS:

var numbers = [12.3, 20, 30.33]; 
var taxAmount = .07; 

function getSum(total, num) { 
    return total + num; 
} 
function myFunction(item) { 
    document.getElementById("sum").innerHTML = numbers.reduce(getSum); 
} 

function multiply(item) { 
    document.getElementById("percent").innerHTML = numbers.reduce(getSum) * .07; 
} 

私が間違って何をしているのですか?

答えて

0

あなたはあなたが目的球と呼ばれていない、あなたは7%の税額と実際の値を合計する必要が

var numbers = [12.3, 20, 30.33]; 
 
var taxAmount = .07; 
 

 
function getSum(total, num) { 
 
    return total + num; 
 
} 
 
function myFunction(item) { 
 
    document.getElementById("sum").innerHTML = numbers.reduce(getSum); 
 
    document.getElementById("percent").innerHTML = numbers.reduce(getSum) * .07; 
 
}
<p>Sum of numbers in array: <span id="sum"></span></p> 
 

 
<p>Amount with 7% tax added: <span id="percent"></span></p> 
 

 
<button onclick="myFunction()">Click Me</button>

+0

素晴らしい、本当にありがとうございました! –

+0

いずれかの答えが正しいと思われる場合は、答えとしてマークしてください。誰かが同じ問題を抱えているときには、次回に解決策を得ることができます。 – Mahi

0

関数を呼び出していませんでした。

numbers.reduce(getSum) + numbers.reduce(getSum) * .07 

var numbers = [12.3, 20, 30.33]; 
 
var taxAmount = .07; 
 

 
function getSum(total, num) { 
 
    return total + num; 
 
} 
 
function myFunction(item) { 
 
    document.getElementById("sum").innerHTML = numbers.reduce(getSum); 
 
    document.getElementById("percent").innerHTML = numbers.reduce(getSum) + numbers.reduce(getSum) * .07; 
 
}
<p>Sum of numbers in array: <span id="sum"></span></p> 
 

 
<p>Amount with 7% tax added: <span id="percent"></span></p> 
 

 
<button onclick="myFunction()">Click Me</button>

+0

あなたの入力をありがとう、私のコードを実行している! –