me encuentro realizando una función que hace la delegación de eventos y me recibe ciertos parámetros de los cuales quiero que me muestre el valor de su atributo DATA del elemento HTML
Les voy a enseñar mi código
HTML
<a class="delete" data-delete="1">Delete</a>
<a class="delete" data-delete="2">Delete</a>
<a class="delete" data-delete="3">Delete</a>
<a class="delete" data-delete="4">Delete</a>
<a class="delete" data-delete="5">Delete</a>
jAVASCRIPT
function delegacionEvento(elemento, atributo, valorAtributo) {
elemento.addEventListener('click', e => {
//OBTENER EL ATRIBUTO DE CLASS Y QUE SEA IGUAL A 'delete'
if (e.target.getAttribute(atributo) == valorAtributo) {
//GUARDAR EL VALOR DEL ATRIBUTO DATA EN LA VARIABLE
var valor = e.target.dataset.Valoratributo;
console.log(valor); //Respuesta undefined
}//End if
});
}//End método delegacionEvento
Y así llamo la función pasandole los parámetros
delegacionEvento(loadSong, 'class', 'delete');
El resultado que obtengo es undefined
Alguien me podría ayudar a resolver mi problema. Gracias
loadSong
a que hace referencia?loadSong
es el elemento padre que contiene el bloque que están los<a>