百度前端学院---斌斌学院---任务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>

转载于:https://www.cnblogs.com/gaoxuerong123/p/7222557.html

百度前端学院---斌斌学院---任务demo---1相关推荐

百度前端技术学院—斌斌学院题库转载 cristina-guan
Cristina_Guan https://github.com/CristinaGuan 博客园首页新随笔联系订阅管理随笔 - 34 文章 - 3 评论 - 2 百度前端技术学院-斌 ...
百度前端技术学院—斌斌学院题库
任务一:零基础JavaScript编码(一) 重要说明百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容的质量以及学习难度的合理性,但即使如此,真正决 ...
2018百度前端技术学院第五六课编码作业
2018百度前端技术学院第五六课编码作业一.课程题目这节课给出了三份文字内容相同的简历,但是样式布局不一样.题目要求我们使用同一份HTML结构内容,三份不同的CSS代码分别实现图片所示的样式, ...
学计算机前端技术学院,百度前端技术学院(任务)
百度前端技术学院这一期高档班的标题列表在:ife/2015_spring/taskatmaster·baidu-ife/ife·GitHub下面的高档班(趁便吐槽一下知乎的链接无法识别URL中文锚点 ...
【百度前端学院学习笔记】Day6 浮动/BFC
[百度前端学院学习笔记]Day6 浮动/BFC 一.什么是浮动? 二.普通流 / 浮动 / 绝对定位三.BFC/Flow Root 3.1 什么是BFC? 3.2 BFC 的特性 3.2.1 特性一 ...
百度前端技术学院--零基础--第二天给自己做一个在线简历吧
百度前端技术学院–零基础–第二天给自己做一个在线简历吧课程目标通过简单的实践,更加清楚地了解HTML是什么,HTML5是什么.学习基本的HTML标签,理解HTML语义化概念任务描述用code ...
【百度前端学院学习笔记】Day9 圣杯布局和双飞翼布局
[百度前端学院学习笔记]Day9 圣杯布局和双飞翼布局圣杯布局(古老而费解的方法) 双飞翼布局(圣杯的改进) 参考资料: In search of the Holy Grail - A list a ...
百度前端小薇学院任务一
任务一因为时间关系所以草草完成了···果然学习了要会运用才是王道!!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona ...
百度前端学院_小薇课堂_task_4
小薇课堂Task_4 在做这个任务前课参考这篇文章任务目标实践HTML/CSS布局方式深入了解position等CSS属性任务描述实现如示例图(点击打开) 的效果灰色元素水平垂直居中,有 ...
百度前端技术学院—-小薇学院(HTML CSS课程任务)
任务一:零基础HTML编码课程概述作业提交截止时间:04-24 重要说明百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容的质量以及学习难度的合理 ...

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

百度前端学院---斌斌学院---任务demo---1相关推荐

最新文章

热门文章