<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #box{
            width: 100px;
            height: 100px;
            background-color: #ff0789;
        }
        #wrap{
            width: 100px;
            height: 100px;
            background-color: #b9c9fd;
        }
    </style>
</head>
<body>
<div id="box"></div>
<div id="wrap"></div>
<script>
    // alert('\\\\ \'')
    //     console.log(1)
    //     alert(1)
    //     let a = confirm('sure?'); //返回布尔值
    //         console.log(a)
    //     let b = prompt('请输入:');
    //     console.log(b);
    document.getElementById('box').onclick = function () {
        alert('aaa');
    };

    document.getElementById('box').innerHTML = '123';

    document.getElementById('wrap').onclick = function () {
        document.getElementById('wrap').innerHTML = '肥鲶鱼';
    };
</script>
<!--
工具HBuilder,Sublime,WebStorm,VS code

js  是一种直译式脚本语言
    是一种动态类型、弱类型、基于原型的语言
    是前端代码中最重要的部分(行为层)
    常用于操作HTML页面响应用户的操作、验证传输数据

js写在哪里
    页面中<script></script>标签中
    外部引入<script src="js路径"></script>
    标签中

写js需要注意什么
    严格区分大小写
    语法字符半角字符;(字符串里边可以是任意字符)
    完整语句后面加;结束符
    缩进对齐

a不做任何动作
    <a href="javascript:;">a</a>
    <a href="javascript:void (0);">b</a>

转义符号 \
    需要时用\转义  只在字符串中有意义
    alert('\\\\ \'') >> \\ '

弹窗常用
    console.log(1)

    alert(1)

    let a = confirm('sure?');
    console.log(a)

    let b = prompt('请输入:');
    console.log(b);

示例
style
    #box{
            width: 100px;
            height: 100px;
            background-color: #ff0789;
    }
body
    <div id="box"></div>
script
    document.getElementById('box').onclick = function () {
        alert('aaa')
    }

添加内容
    document.getElementById('box').innerHTML = '123';

点击出现自己名字
style
    #wrap{
        width: 100px;
        height: 100px;
        background-color: #b9c9fd;
    }
body
    <div id="wrap"></div>
script
    document.getElementById('wrap').onclick = function () {
    document.getElementById('wrap').innerHTML = '肥鲶鱼';
    };
-->
</body>
</html>