Tell us what’s happening:
can anyone check my code for bugs it doesnt work for some reason
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Basic HTML Template</title>
<!-- Link to external CSS -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<input id="cash" />
<p id="change-due"></p>
<button id="purchase-btn">dng</button
<!-- Link to external JavaScript -->
<script src="script.js"></script>
</body>
</html>
/* file: styles.css */
/* file: script.js */
let price = 1.87;
let cid = [
['PENNY', 1.01],
['NICKEL', 2.05],
['DIME', 3.1],
['QUARTER', 4.25],
['ONE', 90],
['FIVE', 55],
['TEN', 20],
['TWENTY', 60],
['ONE HUNDRED', 100]
];
const change = document.getElementById("change-due");
const cash = document.getElementById("cash");
const sale = document.getElementById("purchase-btn");
let currencyUnits = [
['PENNY', 1.01],
['NICKEL', 2.05],
['DIME', 3.1],
['QUARTER', 4.25],
['ONE', 90],
['FIVE', 55],
['TEN', 20],
['TWENTY', 60],
['ONE HUNDRED', 100]
];
sale.addEventListener("click", () => {
const cashValue = parseFloat(cash.value);
const changeDue = cashValue - price;
if(cashValue < price) {
alert("Customer does not have enough money to purchase the item");
return
};
if(cashValue === price) {
change.innerText="No change due - customer paid with exact cash";
return;
}
const changeResult = getChange(changeDue, cid);
if(changeResult.status === "INSUFFICIENT_FUNDS" || changeResult.status === "CLOSED"){
change.innerText = `Status: ${changeResult.status} ${formatChange(changeResult.change)}`;
}else {
change.innerText = `Status: OPEN ${formatChange(changeResult.change)}`;
change.innerText = changeText
}
});
const getChange = (changeDue, cid) => {
let totalCid = parseFloat(cid.reduce((sum, [_,amount]) => sum + amount, 0).toFixed(2))
if(totalCid < changeDue){
return { status: "INSUFFICIENT_FUNDS", change: []}
}
const changeArray = [];
let remainingChange = changeDue;
for(let i = currencyUnits.length - 1; i >= 0; i--){
let unit = currencyUnits[i][0];
let unitValue = currencyUnits[i][1];
let unitInDrawer = cid[i][i];
if(unitValue <= remainingChange && unitInDrawer > 0){
let amountFromDrawer = 0;
while(remainingChange >= unitValue && unitInDrawer > 0){
remainingChange = (remainingChange - unitValue).toFixed(2);
unitInDrawer -= unitValue;
amountFromUnit += unitValue;
}
if(amountFromUnit > 0){
changeArray.push([unit, amountFromUnit])
}
}
}
if(remainingChange > 0) {
return { status: "INSUFFICIENT_FUNDS", change: []}
}
if(changeDue === totalCid){
return { status: "CLOSED", change: cid}
}
return { status: "OPEN", change: changeArray}
}
const formatChange = changeArray => changeArray.map(([unit,amount]) => `${unit}: $${amount.toFixed(2)}`).join(" ")
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 Edg/131.0.0.0
Challenge Information:
Build a Cash Register Project - Build a Cash Register