摘要:
要求: 1、数组StudentList 2、点击按钮,将表单中的【姓名】和【年龄】赋值给Student对象,并push到StudentList中。 预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <titl 阅读全文
摘要:
要求: 水果列表删除提示功能 1、制作一个水果列表 2、删除选中的水果 删除时,使用confirm提示是否确认删除 预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>水果列表删除提示功能</ti 阅读全文
摘要:
要求:1、随机生成一个1--100的数字 2、在prompt弹出框中猜数字 3、提示【大于目标结果】【小于目标结果】【恭喜你回答正确】 预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>猜数字< 阅读全文
摘要:
预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>防抖与节流</title> <style> body{ height: 2000px; } button{ position:fixed; ri 阅读全文
摘要:
预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>防抖与节流</title> <style> body{ height: 2000px; } button{ position:fixed; ri 阅读全文
摘要:
要求:在网页中制作一个秒表(开始功能、停止功能、重置) 预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计时器</title> </head> <body> <button class="st 阅读全文
摘要:
要求:在网页中显示当前时间 预览效果: 思路: y:year 年 M:Month 月 d:day 日 h:hours 小时 (h(12小时)/H(24小时)) m:minutes 分钟 s:seconds 秒钟 源码: let h1 = document.querySelector("h1"); s 阅读全文
摘要:
预览: 源码: let box = document.querySelector(".box"); box.ontouchstart = function (){ console.log("start"); } box.ontouchend = function (){ console.log("e 阅读全文
摘要:
预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>事件类型</title> <style> .box{ width: 200px; height: 200px; background-color 阅读全文
摘要:
预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>鼠标事件</title> <style> .box{ width: 200px; height: 200px; background-color 阅读全文