查看: 757|回复: 25

[活动] 【凡哥教程第二十二讲作业】点击背景颜色变化(学一点点JS(二)函数)

[复制链接]
随遇而安

闲花落

版主勋章 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 一叶知秋 樱果相依
发表于 2024-8-11 13:49 | 显示全部楼层 |阅读模式
本帖最后由 花简静 于 2024-8-11 13:52 编辑

凡哥教程第二十二讲作业:
参考最后的两个示例,制作一个自设大小的元素,并在JS代码模块中做到:
 ① 编写两个函数,其中一个函数需要名为 max 的参数,生成小于 max 的随机整数,另一个函数生成 hsl 颜色,调用前一个函数来生成随机的色相值和随机的饱和度值,亮度值固定为50%;
② 单击元素,元素会改变背景色并在元素上显示该 hsl 颜色值;
③ 程序运行时自动单击一次元素。

评分

4

查看全部评分

点评
回复

使用道具

随遇而安

闲花落

版主勋章 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 一叶知秋 樱果相依
 楼主| 发表于 2024-8-11 13:50 | 显示全部楼层
<style> #qsfg22 {     width: 520px;     height: 320px;     border: 1px solid gray;     padding: 12px;     font: bold 2.0em sans-serif;     color: yellow;     text-shadow: 1px 1px 2px #FFFFFf; } </style>   <div id="qsfg22"></div>   <script> mhh = (max) => Math.floor(Math.random() * max); rndHue = () => `hsl(${mhh(361)}, ${mhh(101)}%, 50%)`; qsfg22.onclick = () => qsfg22.textContent = qsfg22.style.background = rndHue(); qsfg22.onclick(); </script>

评分

3

查看全部评分

点评
回复

使用道具

随遇而安

闲花落

版主勋章 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 一叶知秋 樱果相依
 楼主| 发表于 2024-8-11 13:51 | 显示全部楼层
@凡哥  改过一次了, 辛苦老师再来瞧一眼还有木有什么问题
点评
回复

使用道具

随遇而安

闲花落

版主勋章 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 一叶知秋 樱果相依
 楼主| 发表于 2024-8-11 13:59 | 显示全部楼层
磕磕绊绊居然整出一份作业来,有点没想到。。
点评
回复

使用道具

笑傲江湖

一坛酒

赴山海 三周年庆 山之勤奋 管理勋章 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 映像2024 一叶知秋 我书我心 七夕之桥 樱果相依 前兔似锦
发表于 2024-8-11 14:30 | 显示全部楼层
静静辛苦了。。。
点评
回复

使用道具

『默然守候』

小青龙

赴山海 三周年庆 山之勤奋 江湖之上 桃花朵朵 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 海洋之心 蝴蝶精灵 山间红叶 花漫千山 音画同行 中秋月圆 欢度国庆 雪花精灵 一叶知秋 我书我心 樱果相依
发表于 2024-8-11 14:39 | 显示全部楼层
花简静 发表于 2024-8-11 13:59
磕磕绊绊居然整出一份作业来,有点没想到。。

艾玛,你都磕磕绊绊了,让我们如何是好,我都抓狂了
点评
回复

使用道具

蜓蝶舞

山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 一叶知秋
发表于 2024-8-11 15:37 | 显示全部楼层
花简静 发表于 2024-8-11 13:59
磕磕绊绊居然整出一份作业来,有点没想到。。

那我们可咋办,真是一点也看不懂了
点评
[img]https://kkshan.com/data/attachment/forum/202601/24/205745mlc5
回复

使用道具

随遇而安

闲花落

版主勋章 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 一叶知秋 樱果相依
 楼主| 发表于 2024-8-11 16:33 | 显示全部楼层
令狐冲 发表于 2024-8-11 14:30
静静辛苦了。。。

谢谢令帅支持哈
点评
回复

使用道具

随遇而安

闲花落

版主勋章 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 一叶知秋 樱果相依
 楼主| 发表于 2024-8-11 16:35 | 显示全部楼层
雨声 发表于 2024-8-11 14:39
艾玛,你都磕磕绊绊了,让我们如何是好,我都抓狂了

JS么我之前最头疼的,总归是绕不开了。。
点评
回复

使用道具

随遇而安

闲花落

版主勋章 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 一叶知秋 樱果相依
 楼主| 发表于 2024-8-11 16:35 | 显示全部楼层
柒玥 发表于 2024-8-11 15:37
那我们可咋办,真是一点也看不懂了

啃一啃就懂了,你这么聪明
点评
回复

使用道具

您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

Powered by Discuz! X3.5

© 2001-2026 Discuz! Team.

快速回复 返回顶部 返回列表