美文网首页
简单的事件练习

简单的事件练习

作者: 知行社 | 来源:发表于2017-08-25 11:34 被阅读0次

前提条件

概要

类型:实践
难度:简单

任务描述

给下面的 HTML

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

加上 JavaScript,要求:

  1. 点击点我按钮,页面弹框,内容是 哈哈
  2. input 中输入的内容,也会显示在类名为 outputdiv中。
  3. 点清空按钮,清空输入框和类名为 outputdiv中内容。

相关文章

  • 简单的事件练习

    前提条件 DOM BOM 概要 类型:实践难度:简单 任务描述 给下面的 HTML 加上 JavaScript,要...

  • 事件练习

    EventTarget.addEventListener将指定的监听器注册到EventTarget上, 当该对象出...

  • 事件练习

    题目1: DOM0 事件和DOM2级在事件监听使用方式上有什么区别? DOM0级事件监听就是把一个方法赋值给一个元...

  • jQuery事件操作和插件

    jQuery事件操作 简单方式注册事件 语法:jQuery对象.事件名(事件处理程序) on方法注册事件 注册简单...

  • Javascript 高级(二)

    DOM简单学习: 事件简单学习 BOM: DOM: 事件监听机制:

  • BOM

    一、BOM基础 二、定时事件 三、事件 四、常见事件类型 五、练习- 自动跳转

  • 11.5觉察日记/三禅

    1事件:早晨想让对象开电车练习上班,胆小不肯。 2、感受:生气,平静 3想法:电车简单好开,不学怎能会。人应当积极...

  • 演讲day2

    今天练习了一个很简单的绕口令。 昨天很简单的练习,今天也是很简单的练习。让我感觉很简单,这也能练出什么成效? 也许...

  • 简单的键盘事件

    document.onkeydown=(e) => { let key = window.even...

  • js -- 事件练习

    1、实现点击按钮,滚动条走动和百分比走动 2、实现秒表 3、实现文字时钟 4、处理className兼容,自己实现...

网友评论

      本文标题:简单的事件练习

      本文链接:https://www.haomeiwen.com/subject/pmrudxtx.html