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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了百度前端学院---斌斌学院---任务demo---1相关的知识,希望对你有一定的参考价值。

 1 <!DOCTYPE html>
 2 <html>
 3 <!--
 4     作者:[email protected]
 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的主要内容,如果未能解决你的问题,请参考以下文章

百度前端学院--斌斌学院--demo---3

百度前端学院--斌斌学院--demo---4

(作业)百度前端技术学院 任务八:响应式网格(栅格化)布局

百度前端学院任务题---任务3

百度前端技术学院task1.9

百度前端技术学院task1.10