01入门案例.html 553 B

1234567891011121314151617181920212223242526
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>入门案例</title>
  6. </head>
  7. <body>
  8. <!--
  9. sub_btn id 唯一的
  10. button 按钮
  11. -->
  12. <button id="sub_btn" >hello按钮</button>
  13. </body>
  14. <!-- js文件中 js代码 -->
  15. <script>
  16. //获取到元素
  17. let btn = document.getElementById("sub_btn");
  18. //添加事件 点击事件
  19. btn.onclick = function (){
  20. //控制台输入
  21. console.log("hello") //println
  22. // 内置函数
  23. alert("hello world")
  24. }
  25. </script>
  26. </html>