I am trying to create a simple change calculator app in JS. I am able to get the change for my dollars and quarters but having trouble with the dimes.Here is my code so far. Everytime I try to get the dimes to work I am having a trouble printing the right amount.
var dollars, quarters, dimes, nickels;
function calculateChange() {
var amountDue = document.getElementById('amount-due').value;
var amountReceived = document.getElementById('amount-received').value;
var change = amountReceived - amountDue;
//document.getElementById('change-output').innerHTML = change.toFixed(2);
dollars = Math.floor((change / 100) * 100);
document.getElementById("dollars-output").innerHTML = dollars;
var remainder = change - dollars;
console.log(dollars)
quarters = Math.floor((change % 1) * 4);
document.getElementById('quarters-output').innerHTML = quarters;
console.log(quarters)
dimes = Math.floor((change % 15) * 0.10);
document.getElementById('dimes-output').innerHTML = dimes;
console.log(dimes)
return;
// = Math.floor((change % 0.1) * 20);
//document.getElementById('nickels-output').innerHTML = nickels;
// pennies = Math.floor(Math.round(change % 0.05 * 100));
//document.getElementById('pennies-output').innerHTML = pennies;
};
document.getElementById("calculate-change").addEventListener("click", calculateChange);
Amount due: <input id="amount-due"><br>
Amount-received: <input id="amount-received"><br>
<input type="button" value="Calculate change" id="calculate-change"><br>
Dollars: <span id="dollars-output"></span><br>
Quarters: <span id="quarters-output"></span><br>
Dimes: <span id="dimes-output"></span>
Can someone help me see what to do different?