Creating an event listener

i want to Add a *click* listener to the *BUTTON* with id of *my-complex* . The listener should make a call to *myPlazaName* and pass in the parameter *myPlazaInfo* received

my code

```js const myPlazaInfo = (myPlazaName) =>{ document.getElementById("my-complex").addEventListener("click", myPlazaName); ```

click event | MDN

pls i am getting" estraverse" is not defined in my code execution plz wat does it mean

const displayExtraUserInfo = (wande) =>{
        document.getElementById("btn-birthdate").addEventListener("click", function (){
          displayBirthdate();
        });
        document.getElementById("btn-phone").addEventListener("click", function() {
          displayPhone();
        });
        document.getElementById("btn-address").addEventListener("click", function(){
          displayAddress();
        });
      };

you cant put javascript inside html tags. you have to put it inside a script tag

then give and id=" " the tag that you want to listen to

in the callback function that your listener uses, use .innerHTML at the end of your tag reference in your javascript and make it = to what you want to display