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

最新推荐文章于 2024-11-15 19:51:40 发布

weixin_30416871

最新推荐文章于 2024-11-15 19:51:40 发布

阅读量107

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/gaoxuerong123/p/7222557.html

版权

 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>