如何识别IF函数中存在的元素？

Question

我有一个IF函数，它基本上是在查看已与之交互的元素并检查该元素的tagName，或者它会查看子元素的tagName。但这会返回错误，因为元素并不总是有孩子。

我试图更改代码以检查其是否存在以及tagName是什么，但仍会出错。

function interact(event) {
  if (event.target.tagName === 'IMG' || (event.target.firstElementChild !== null && event.target.firstElementChild.tagName === 'IMG')) { 
  console.log('Image')
  } else {
    console.log("Not Image")
  }
}

document.querySelector("button").onclick=interact
document.querySelector("img").onclick=interact

<button>Click Me</button>
<img src="NotAValidURI"></img>