Alguém poderia me ajudar a entender o porque não consigo localizar o regiaoNome no objeto.
<img src="mapa.jpg" usemap="#image-map" class="img__map">
const map = document.querySelector('.mapa');
const contentMap = {
sudeste : {
title : 'Sudeste',
conteudo : "Lorem ipsum"
},
norte : {
title : 'Norte',
conteudo : 'Lorem'
}
}
map.addEventListener('click', function(e){
e.preventDefault();
const region = e.target;
//pego o valor do alt do mapa
let regiaoNome = region.alt
//adiciono o valor do mapa com base no nome do alt clicado
console.log(contentMap.regiaoNome.title)
})
document.querySelector('.mapa')
mas a classe do exemplo éimg__map
; Você quer pegar a propriedadealt
mas o HTML nem tem esse atributo. Nada está fazendo sentido. Você poderia editar sua pergunta e explicar melhor o que quer?contentMap[regiaoNome].title