简单的事件练习

前提条件

概要

类型：实践
难度：简单

任务描述

给下面的 HTML

<button class="click-me">点我</button>
<input type="text" class="input">
<div class="output"></div>
<button class="clear-btn">清空</button>

加上 JavaScript，要求：

  1. 点击点我按钮，页面弹框，内容是 哈哈。
  2. 在 input 中输入的内容，也会显示在类名为 output 的 div中。
  3. 点清空按钮，清空输入框和类名为 output 的 div中内容。
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 135,067评论 19赞 139
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,822评论 25赞 709
  • js十大设计模式
    工厂模式类似于现实生活中的工厂可以产生大量相似的商品，去做同样的事情，实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,913评论 2赞 17
  • 港真，我可能看了假的西游。
    晚上闲来无事，和好友相约看一下贺岁片，讲真，要不是看在姚晨和特效的面子上，我连一分都不想给的。 晚到了几分钟，没看...
    歌回阅读 300评论 0赞 1
  • 我的家宴清单
    昨天在下厨房看到一段日食记的视频，很有趣：日食记第一季第6集。虽然视频中梅菜扣肉的做法被指不够正宗，但短短视频还是...
    115c3253903d阅读 571评论 0赞 4