button.addEventListener("click",calculateAmount);
function calculateAmount(e) {
e.preventDefault();
const food=Number(document.querySelector("#inputfieldFood").value);
const clothing=Number(document.querySelector("#inputfieldClothing").value);
const shelter=Number(document.querySelector("#inputfieldShelter").value);
const household=Number(document.querySelector("#inputfieldHousehold").value);
const transport=Number(document.querySelector("#inputfieldTransport").value);
const health=Number(document.querySelector("#inputfieldHealth").value);
const mis=Number(document.querySelector("#inputfieldMis").value);
const income=Number(document.querySelector("#inputfieldIncome").value);
let monthlyExpences=food+clothing+shelter+household+transport+health+mis;
let overUnderBudget=income-monthlyExpences;
document.querySelector("#monthlyExpences").textContent=monthlyExpences;
document.querySelector("#underOverBudget").textContent=overUnderBudget;
}`const button=document.querySelector("#btn");
button.addEventListener("click",calculateAmount);
function calculateAmount(e) {
e.preventDefault();
const food=Number(document.querySelector("#inputfieldFood").value);
const clothing=Number(document.querySelector("#inputfieldClothing").value);
const shelter=Number(document.querySelector("#inputfieldShelter").value);
const household=Number(document.querySelector("#inputfieldHousehold").value);
const transport=Number(document.querySelector("#inputfieldTransport").value);
const health=Number(document.querySelector("#inputfieldHealth").value);
const mis=Number(document.querySelector("#inputfieldMis").value);
const income=Number(document.querySelector("#inputfieldIncome").value);
let monthlyExpences=food+clothing+shelter+household+transport+health+mis;
let overUnderBudget=income-monthlyExpences;
document.querySelector("#monthlyExpences").textContent=monthlyExpences;
document.querySelector("#underOverBudget").textContent=overUnderBudget;
}```