Build a Cash Register Project - Build a Cash Register

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

Hi @soumaguemri0

When I tested your code I received the follow error message in the console:

Uncaught ReferenceError: amountFromUnit is not defined

Use that as a starting point for debugging.

Happy coding