estoy intentando realizar que me reconozca de que cuando coloque un botón en específico, el código lo que haga sea reconocer que botón coloqué y arroje según cada botón que coloque un resultado. Pero no me deja realizarlo.
El problema radica en que quiero llamar a que realice con el boton al dar click la accion de seleccionar según el tipo de "innerhtml" una accion, pero probando el codigo no me permite realizar eso, ya que la respuesta siempre que la coloco es cinco, dos veces. He intentando cambiar el foreach por un for, he intentando hasta no colocar un switch sino un for simple y no me funciona :(
Adjunto el codigo para dar a entender mi idea:
var inputValue = 0
var totalTip = 0;
const $inputBill = document.getElementsByClassName('bill_input')[0];
$inputBill.addEventListener('keyup', (event) => {
const inputBill = event.path[0].value;
inputValue =+ inputBill;
})
const $five = document.querySelector('#five');
const $ten = document.querySelector('#ten');
const $fifteen = document.querySelector('#fifteen');
const $twentyFive = document.querySelector('#twentyFive');
const $fifty = document.querySelector('#fifty');
buttonsArray = [$five, $ten, $fifteen, $twentyFive, $fifty] ;
$five.addEventListener('click' , calculatorTip);
$ten.addEventListener('click' , calculatorTip);
$fifteen.addEventListener('click' , calculatorTip);
$twentyFive.addEventListener('click' , calculatorTip);
$fifty.addEventListener('click' , calculatorTip);
function calculatorTip () {
buttonsArray.forEach(button => {
switch (button.innerHTML) {
case '5%':
console.log('cinco por ciento')
break;
case '10%':
console.log('diez por ciento')
break;
case '15%':
console.log('quince por ciento')
break;
case '25%':
console.log('veinticinco por ciento')
break;
case '50%':
console.log('cincuenta por ciento')
break;
default:
break;
}
});
}