×
const bill = document.getElementById('bill')
let billTotal = document.getElementById('bill-total-input');
let percent = document.getElementById('percent-input');
let numberOfTippers = document.getElementById('tippers-input');
const calcBtn =  document.getElementById('calc-btn');
const resetBtn =  document.getElementById('reset-btn');
const tipAmountTxt = document.getElementById('tip-amount');
const perPersonTxt = document.getElementById('per-person-amount');
const perPersonTotalTxt = document.getElementById('per-person-total-amount')
const totalAmountText = document.getElementById('total-amount')

calcBtn.addEventListener('click', () => {
    let tipPercent = percent.value/100;
    let tipAmount = billTotal.value * tipPercent;
    let perPersonAmount = tipAmount / numberOfTippers.value;
    let perPersonTotalAmount = (billTotal.value / numberOfTippers.value) + (tipAmount / numberOfTippers.value);
    let totalAmount = tipAmount + parseInt(billTotal.value);
    tipAmountTxt.textContent = `$${tipAmount.toFixed(2)}`
    perPersonTxt.textContent = `$${perPersonAmount.toFixed(2)}`
    perPersonTotalTxt.textContent = `$${perPersonTotalAmount.toFixed(2)}`
    totalAmountText.textContent = `$${totalAmount.toFixed(2)}`

});

resetBtn.addEventListener('click', () => {
    billTotal.value = '';
    percent.value = '';
    numberOfTippers.value = '1';
    tipAmountTxt.textContent = `$0`
    perPersonTxt.textContent = `$0`
    perPersonTotalTxt.textContent = `$0`
    totalAmountText.textContent = `$0`
});