JavaScript button to change image source not working

I have a set of buttons that each need to change an image to a different source, and show which one is selected (retain onclick appearance).

I want it to take the name of an element from a list and do things based on variables for that item, but mainly set the source and title.
script:

    const picList= {
      { "nature": { src: "nature.png", title: "" } }
      { "face":   { src: "face.png", title: "" } }
    };

    function changePic(picName) 
    {
      document.getElementById('currentPic').src = picList[picName].src;
      document.getElementById('currentPic').title = picList[picName].title;
    }

body:

<img id="currentPic" src="nature.png">
          <button onclick="changePic('face')" type="button">Face</button> 
          <button onclick="changePic('nature')" type="button">Nature</button> 

A lot of suggestions have me creating a const to hold the list item data, but that isn’t working and it should be the same to set each element right?

Now I only see the image it starts with, nature.png and onclick doesnt seem to do anything. I’m seeing some posts say it needs to return false but that isn’t working either.

Also, if I want the button to retain the onclick darker color until another button is clicked, where would be a good place to reset it when another button is clicked?