how to open a html file by onclick?

I am trying to open a html file when I click on an image. I like to open the html file in my current browser. Is that possible?

const clock = document.createElement('div')

clock.innerHTML = '<img src="https://png.pngtree.com/png-vector/20190912/ourlarge/pngtree-clock-icon-in-flat-style-png-image_1728101.jpg" height = "60px" width="60px"alt="NI">';

clock.onClick = function () {
    window.open('file:///Users/puyang/Desktop/clock/popup.html')
}
document.body.append(clock)