I have been trying to add an event listener to three `li` elements. The issue is that doing document.getElementbyid(`about`) doesn't work. But when I do get element document.getElementbyid(`last`), it works but on all three elements simultaneously.

I want to target them individually so that it opens up models respective to each `li` element.

Here is the HTML:

```
<section>
    <h1 id="intro">Hi, My name is</h1>
   <div id="last">
      <ul>
        <li id="about">About</li>
        <li id="project">Projects</li>
        <li id="resume">Resume</li>
      </ul>
   </div>
</section> 

```