搜索

模拟机器人热身

原创 2019-03-17 11:06:47 271
摘要:<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>实战热身</title>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实战热身</title>
</head>
<body>
<input  id="texts"  type="text"/> <button id="btn">点击</button>
<ul></ul>
</body>
</html>
<script>
    //获取元素
 let text = document.getElementById('texts');
    let btn = document.getElementById('btn');
    let ul = document.querySelector('ul');
    btn.onclick = function () {
        let str = text.value;
        let li = document.createElement('li');
        li.innerHTML=str;
        ul.appendChild(li);
        //清空
 text.value='';
    }
</script>

效果图:

rs.gif

总结:首先获取元素,然后在点击事件的时候给元素内部添加内容再清除输入框的值

批改老师:查无此人批改时间:2019-03-18 09:41:01
老师总结:你这个是保存说话记录对吧,完成的不错。继续加油。

发布手记

热门词条