<input type="button" value="点击2" id="btn2">
<script>
// 获取dom对象
    let h1 = document.querySelector('#title1'); 
    // 修改内容
    h1.innerHTML = '修改后的内容';
</script>

<input type="button" value="点击1" id="btn1">
<script>
//addEventListener不覆盖
document.querySelector('#btn1').addEventListener('click',()=>{
   console.log('点击了按钮1');
});
document.querySelector('#btn1').addEventListener('click',function(){
   console.log('点击了按钮1');
});
//onclick覆盖
    document.querySelector('#btn2').onclick=()=>{
    console.log('点击了按钮2');
};   
    document.querySelector('#btn2').onclick=()=>{
    console.log('点击了按钮2222');
};
</script>