百度前端技术学院task13源代码
突然发现只看书不练习也是不行的,这么简单的我竟然都不会写了。
要注意innerHTML,innerText和outText之间的异同。
同时也要会使用DOM2的添加事件,移除事件等
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>IFE JavaScript Task 01</title> </head> <body><label>请输入北京今天空气质量:<input id="aqi-input" type="text"></label> <button id="button">确认填写</button><div>您输入的值是:<span id="aqi-display">尚无录入</span></div><script type="text/javascript">(function() { /* 在注释下方写下代码 给按钮button绑定一个点击事件 在事件处理函数中 获取aqi-input输入的值,并显示在aqi-display中 */var btn1=document.getElementById('aqi-input'); var btn2=document.getElementById('aqi-display'); var btn3=document.getElementById('button'); btn3.addEventListener('click',function(){ if (btn1.value) { btn2.innerHTML=btn1.value; } else{ btn2.innerHTML='尚无录入'; }},false); })();</script> </body> </html>
转载于:https://www.cnblogs.com/huansky/p/5309107.html
百度前端技术学院task13源代码相关推荐
- 学计算机前端技术学院,百度前端技术学院(任务)
百度前端技术学院 这一期高档班的标题列表在:ife/2015_spring/taskatmaster·baidu-ife/ife·GitHub下面的高档班(趁便吐槽一下知乎的链接无法识别URL中文锚点 ...
- 百度前端技术学院—斌斌学院题库 转载 cristina-guan
Cristina_Guan https://github.com/CristinaGuan 博客园 首页 新随笔 联系 订阅 管理 随笔 - 34 文章 - 3 评论 - 2 百度前端技术学院-斌 ...
- 百度前端技术学院—斌斌学院题库
任务一:零基础JavaScript编码(一) 重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容的质量以及学习难度的合理性,但即使如此,真正决 ...
- 百度前端技术学院--零基础--第二天 给自己做一个在线简历吧
百度前端技术学院–零基础–第二天 给自己做一个在线简历吧 课程目标 通过简单的实践,更加清楚地了解HTML是什么,HTML5是什么.学习基本的HTML标签,理解HTML语义化概念 任务描述 用code ...
- 百度前端技术学院—-小薇学院(HTML CSS课程任务)
任务一:零基础HTML编码 课程概述 作业提交截止时间:04-24 重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容的质量以及学习难度的合理 ...
- 百度前端技术学院—-小薇学院(HTML+CSS课程任务)
任务一:零基础HTML编码 课程概述 作业提交截止时间:04-24 重要说明 百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容的质量以及学习难度的合理 ...
- 2018百度前端技术学院 第五六课 编码作业
2018百度前端技术学院 第五六课 编码作业 一.课程题目 这节课给出了三份文字内容相同的简历,但是样式布局不一样.题目要求我们使用同一份HTML结构内容,三份不同的CSS代码分别实现图片所示的样式, ...
- 沉迷百度前端技术学院的第一天
盼啊盼,终于等到了百度前端技术学院开课的日子,很激动,终于可以跟着学啦! 第一天,主要是了解前端,包括要学什么,用书签标记的方法,还有在codepen.GitHub.CSDN上注册账号,作为一个程序员 ...
- 2018年百度前端技术学院学习笔记
对百度前端技术学院心仪已久,今天开始正式学习了,特地开个博客记录今后的学习 学了几个月的前端了,之前也做过一些百度前端学院的练习,终于等到2018年前端学院开始,在开头先立flag,本次前端学院的任务 ...
最新文章
- 公有云环境下应用程序的自动化部署与水平扩展问题
- c++ stdlib中rand()函数的值范围
- [分享]发布自己C#开发的ReSharper2.0 for VS2003/2005 注册机
- javaEE(16)_Servlet监听器
- 谷歌自研终端AI芯片曝出重大进展,联手三星,用于手机笔记本
- Go 语言编程 — gorm 数据库版本迁移
- left join 和 left outer join 有什么区别
- 2018年广东年销售额超千亿的企业有哪些?
- 用置换破坏您的JUnit5测试
- IOS NSArray,NSDictionary
- 类似collect2: ld returned 1 exit status的错误
- 2017 年大数据、物联网与 AI 的趋势预测
- 【Web渗透测试】—Web漏洞
- 修改华为 Echolife HG8010h 的超级用户密码
- django登录注册html页面,Django实现页面注册登录界面
- dtu连接虚拟服务器,DTU连接HTTP网页
- unity android录制视频教程,Unity3d 录屏功能教程指南 | Cross Platform Replay Kit
- 分享一个强大的数据可视化低代码开发平台
- 教程篇(7.0) 03. FortiGate基础架构 虚拟域(VDOM) ❀ Fortinet 网络安全专家 NSE 4
- Android ImageView: resolveUri failed on bad bitmap uri
热门文章
- matlab生成m序列的方法
- mongo mysql 聚合性能_Mongodb和Mysql的性能分析
- c++类的应用和权限
- 从“冰柜”到“冰棍儿”,下载Github单个文件
- 领取Virmach免费Minecraft主机搭建“我的世界”服务器
- mysql数据库优化(二)
- 安卓 AsyncHttpClient - “Content-Type not allowed!”
- Gartner:人工智能将促使部分专业工作转型
- 从商业视角理解数据:数据科学家的思维之路
- 通过QQ或者QQ帮助别人学习Lync汇总