DOM Events: How to target only one event

In the picture below, I want to open a modal when a user clicks anywhere within in the yellow block, including if they click on the white ‘+’ sign. The problem is, the click event happens on a different target depending on whether the user clicks on the yellow portion, or on the white ‘+’ sign.

In my JavaScript code, I have been handing it like this so far, but I wonder if there is a better, shorter way of doing this that doesn’t require the II operator:

function openModal(e) {
  if ('project-box__picture-box') ||'project-box__icon')) {

Put them both inside one div and place the click event on the wrapper div.

<div class="wrapper_div">


move the <i> inside the <div>