addEventListener() 方法用于向指定元素添加事件句柄，拿百度首页做个示例

document.getElementsByTagName('div')[4].addEventListener('click',()=>{console.log(document.getElementById('su').value)})

百度一下的按钮ID为啥是su的命名，有啥含义？
我们点击页面最上面随便一个位置（获取div的第五个），侦听的是点击事件，记得是click，而不是onclick

当然如果要清除怎么处理，对于上面这个匿名函数没有办法，所以需要修改成外部函数

function f(){
console.log(document.getElementById('mCon').innerText)
}
document.getElementsByTagName('div')[4].addEventListener('click',f)

这样就可以清除添加的事件句柄了
document.getElementsByTagName('div')[4].removeEventListener('click',f)

connection可以获取一些网络连接信息，navigator.onLine是否在线，window.navigator这个对象还有很多有趣的属性
将以太网禁用和开启，看看监听效果！
window.addEventListener("online",()=>{console.log('太好了，有网了')})
window.addEventListener("offline",()=>{console.log('我的天啊，断网了')})