发表于: 2016-09-16 23:47:39

8 1856


今天完成的事情依然再看JS的资料,并跟着写代码。找了个前端任务做做,挺简单的其实,结果我百度半天才写出来,突然觉得智商不够。
      <label>请输入内容:<input id="input"   type="text"></label>
    <button   id="button" onclick="data()">确认填写</button>
      <div>输入的值是:<span   id="display">无内容</span></div>
<script type="text/javascript">
    function data() {
        var input =   document.getElementById('input'),
              display =   document.getElementById('display');
          display.innerHTML = input.value;
    }
其实就是一个按钮点击事件,并通过输入的内容由<span>输出。
我看了别人提交的代码写得更细,虽然基础效果类似。


明天计划的事情继续一些简单的任务训练。


遇到的问题button里的onclick忘了怎么直接卸载JS里了,找了一圈没试验成功…


收获通过任务一步步查代码,比直接抄来的深刻。



返回列表 返回列表
评论

    分享到