if statement for button event handler

If statements can be used on their own or optionally with one or multiple if else statements and optionally an else statement at the end.

This was my solution instead of adding a nested if statement...

ul.addEventListener("click", (e) => {
  const button = e.target;
  const li = e.target.parentNode;
  const ul = li.parentNode;
  //Check to see if the element with a type of button with the text content "Remove" was clicked
  if(button.tagName === "BUTTON" && button.textContent === "Remove") {
    //remove li from page
    ul.removeChild(li);
  //Check to see if the element with a type of button with the text content "Edit" was clicked
  } else if(button.tagName === "BUTTON" && button.textContent === "Edit") {
    alert("Edit");
  }
}); 

I will say it make sense to use two different if declarations here in case one want to extend the application later on. Now it is two buttons, but if one need X more buttons for some reason you can just add X more 'else if' with only the "else if (button.textContent === 'nameOfExteraButtons')-part.

I was also first thinking about using the solution Chris Davis shows here. It will of course still work if one add more buttons, but you will have to repeat the 'button.tagName === "BUTTON"-part' for each new button added.