首页 > 代码库 > 百度前端学院---斌斌学院---任务demo---1

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

 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