Concatenate string in javascript object

0

Could someone help me understand why I can not find the regionName in the object.

<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)

})
    
asked by anonymous 12.11.2018 / 14:51

1 answer

0

there in console.log () so put it to access the property of the object:

console.log(contentMap[regiaoNome].title)

Once this is done, it will access the region in the contentMap object.

For example:

<script>
document.addEventListener('DOMContentLoaded', () => {
  const map = document.querySelector('.mapa');

  const contentMap = {
    sudeste: {
      title: 'Sudeste. Agora nao vai retornar undefined',
      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)

  })
})

    
17.11.2018 / 04:15