Objetivo : Escribir una función que sea llamada por el evento de clic eventListener de un IMG. La función utilizará un condicional para ver en qué ElementID llamó a la función, luego inicializará el acumulador en ese valor, luego agregará 1 y cambiará el HTML interno para mostrar ese nuevo valor. El objetivo clave es hacer que esto suceda sin tener 3 funciones idénticas similares
Código hasta ahora
let likeCount = !NaN; var classname = document.getElementsByClassName("like-heart"); function likeCounter() { /*Note the elementID is very similar to the ELementID of the accumulator element - but not the same.*/ if (this.getElementById === "ft-recipe-like") { likeCount = Number(document.getElementById('featured-likes').innerText); likeCount += 1; document.getElementById('featured-likes').innerText = likeCount; } else if (this.getElementById === "macaroon-like") { likeCount = Number(document.getElementById('macaroon-likes').innerText); likeCount += 1; document.getElementById('macaroon-likes').innerText = likeCount; } else if (this.getElementById === 'brulee-like') { likeCount = Number(document.getElementById('brulee-likes').innerText); likeCount += 1; document.getElementById('brulee-likes').innerText = likeCount; } for (var i = 0; i < classname.length; i++) { classname[i].addEventListener('click', likeCounter, false); } } } } for (var i = 0; i < classname.length; i++) { classname[i].addEventListener('click', likeCounter, false); } } }Puede tener un mapa de acc id a Dom node id y escribir una función genérica para incrementar likeCount .
let likeCount = !NaN; var classname = document.getElementsByClassName("like-heart"); const accIdToDomIdMap = { 'ft-recipe-like': 'featured-likes', 'macaroon-like': 'macaroon-likes', 'brulee-likes': 'brulee-likes' } function likeCounter() { /*Note the elementID is very similar to the ELementID of the accumulator element - but not the same.*/ if(accIdToDomIdMap.hasOwnProperty(this. getElementById)) { const domId = document.getElementById(accIdToDomIdMap[this.getElementById]); likeCount = (+domId.innerText || 0) + 1; domId.innerText = likeCount; } } function newFunction() { for (var i = 0; i < classname.length; i++) { classname[i].addEventListener('click', likeCounter, false); } } }