JS event coverage issues and triggering issues

Yesterday encountered a face test, mainly is the incident coverage problem and trigger problem

(not advertising, ignoring text content)

In short, it will output three times "Make your own website".

Why not two times, but output three times?

1. First onclick=function ... is a DOM0-level event handler, and AddEventListener is a DOM2-level event handler that belongs to a different class and does not overwrite each other.

2. In addition, the third parameter of the event listener is to set the call stage of the event handler, True is the capture phase, false is the bubbling phase, and the default is False. If they are at different stages, they will not cover each other.

Two points, so the output will be three times.

JS event coverage issues and triggering issues