JS 获取 input 输入框内容

今日练习：使用JavaScript 获取input输入框的内容，并且展示在页面上。

关键字：点击事件

先看效果：

html:

    <p>JS 使用以下代码获取输入框内容：</p>
    <input type="text" placeholder="请输入内容" value="" class="myInput">
    <button type="button" onclick="myFunction()">点击获取内容</button>

js:

    function myFunction(){
        let text = document.querySelector(".myInput").value;
        alert(text)
    }

鼠标点击事件：单击鼠标左键时发生，如果右键也按下则不会发生。当用户的焦点在按钮上并按了 Enter 键时，同样会触发这个事件。

ok，非常的简单，今天的练习就到这里。

仙路崎岖，磨难并不可怕，坚持终成正果！