码迷,mamicode.com
首页 > 其他好文 > 详细

百度前端学院---斌斌学院---任务demo---1

时间:2017-07-22 22:24:22      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:put   blog   输入   ack   前端   demo   input   class   type   

 1 <!DOCTYPE html>
 2 <html>
 3 <!--
 4     作者:1991403547@qq.com
 5     时间:2017-07-22
 6     描述:demo1
 7 -->
 8     <head>
 9         <meta charset="utf-8">
10         <title> 任务1</title>
11     </head>
12 
13     <body>
14         <label>请输入北京今天空气质量:<input id="aqi-input" type="text"></label>
15         <button id="button">确认填写</button>
16         <div>您输入的值是:<span id="aqi-display"></span></div>
17         <script type="text/javascript">
18             (function() {
19                 var buttons = document.getElementById("button");
20                 var inputs = document.getElementById("aqi-input");
21                 buttons.onclick = function() {
22                     var spans = document.getElementById("aqi-display");
23                     spans.innerHTML = inputs.value;
24                 }
25             })();
26         </script>
27     </body>
28 
29 </html>

 

百度前端学院---斌斌学院---任务demo---1

标签:put   blog   输入   ack   前端   demo   input   class   type   

原文地址:http://www.cnblogs.com/gaoxuerong123/p/7222557.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!