文件名称:vanillaJS-calendar:JavaScript练习,adaptipe布局,使用Date()类
文件大小:4KB
文件格式:ZIP
更新时间:2024-06-15 14:44:29
JavaScript
日历(宠物项目) 任务:创建当月的日历,例如: 说明:网格或flex,而不是表格,将屏幕调整为移动版本时,宽度应适合一天(最好是不必要),应使用js创建,而不应在html中写30次(我们使用循环)和createElement方法) 常规功能:单击任意一天的任何活动的日历跟踪器,就可以编辑当天的文本a)使用contenteditable属性,b)使用委派,每天不挂断单独的处理程序更改单元格中的内容后,以默认颜色突出显示(我们使用CSS和类,而不是直接使用颜色),最多显示10个字符,但所有文本均保存到单元格的自定义属性data-content中;当悬停在一天中时,完整的消息将显示在月份和星期几之间的小节(奖励)中,右键单击应显示更改单元格颜色的上下文菜单,方法是单击颜色,即单元格颜色更改为相应的 通过按t键,应该在顶部显示所花费的小时数(我们假设用户在单元格中跟踪活动中所花费的小时数)
【文件预览】:
vanillaJS-calendar-master
----.gitignore(13B)
----script.js(3KB)
----README.md(2KB)
----style.css(2KB)
----index.html(794B)