Tell us what’s happening:
Describe your issue in detail here. it’s bugged
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>Cash Register</title>
</head>
<body>
<input type="number" id="cash" name="cash" />
<div id="change-due"></div>
<button id="purchase-btn">Purchase</button>
<script src="./script.js"></script>
</body>
</html>
/* file: styles.css */
/* file: script.js */
let price = 19.5;
let cid = [
["PENNY", 0.5],
["NICKEL", 0],
["DIME", 0],
["QUARTER", 0],
["ONE", 0],
["FIVE", 0],
["TEN", 0],
["TWENTY", 0],
["ONE HUNDRED", 0],
];
const notes = [0.01, 0.05, 0.1, 0.25, 1, 5, 10, 20, 100];
const cashInput = document.getElementById("cash");
const changeDue = document.getElementById("change-due");
const purchaseBtn = document.getElementById("purchase-btn");
const makePurchase = () => {
let cash = Number(cashInput.value);
if (!cash) {
changeDue.textContent = "";
return;
}
switch (true) {
case cash < price:
alert("Customer does not have enough money to purchase the item");
break;
case cash === price:
changeDue.textContent = "No change due - customer paid with exact cash";
break;
default:
let change = cash * 100 - price * 100;
let depletedNumberOfNotes = 0;
let changeDueTextContent = "";
for (let i = notes.length - 1; i >= 0; i--) {
if (cid[i][1] === 0) depletedNumberOfNotes++;
const note = notes[i] * 100;
const numberOfNotesToReturn = Math.trunc(change / note);
if (!numberOfNotesToReturn) continue;
const cashAmountOfNotesInCashDrawer = cid[i][1] * 100;
if (!cashAmountOfNotesInCashDrawer) continue;
const cashToReturnFromNote = Math.min(
numberOfNotesToReturn * note,
cashAmountOfNotesInCashDrawer
);
if (cashToReturnFromNote > 0) {
const cashToSubstract = cashToReturnFromNote / 100;
cid[i][1] -= cashToSubstract;
if (cid[i][1] === 0) depletedNumberOfNotes++;
changeDueTextContent += `${cid[i][0]}: $${cashToSubstract} `;
change -= cashToReturnFromNote; // change % note;
}
}
if (change) {
changeDueTextContent = "Status: INSUFFICIENT_FUNDS";
} else if (depletedNumberOfNotes === cid.length) {
changeDueTextContent = "Status: CLOSED " + changeDueTextContent;
// Status: CLOSED QUARTER: $0 DIME: $0 NICKEL: $0 PENNY: $0.5
} else {
changeDueTextContent = "Status: OPEN " + changeDueTextContent;
}
changeDue.textContent = changeDueTextContent;
}
};
purchaseBtn.addEventListener("click", makePurchase);
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:121.0) Gecko/20100101 Firefox/121.0
Challenge Information:
Build a Cash Register Project - Build a Cash Register
https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures-v8/build-a-cash-register-project/build-a-cash-register The code is bugged, fix it pls, cuz we can’t procced forward