点击按钮 表单的值改变

<button id="btn">按钮</button>
<input type="text" value="请输入内容">
<script>
    //需求: 点击按钮 表单里面的值改变
    //1 获取元素
    var btn = document.querySelector('#btn');
    var input = document.querySelector('input');

    //2 注册事件 + 3事件处理程序
    btn.onclick = function () {
        input.value = '被点击了';
        //禁用按钮
        this.disabled = true; // 等同于 btn.disabled = true;
        //this 指向的是事件函数的调用者 [ 重点 ]
        //当前是btn调用了函数 所以指向了btn
    }
</script>