Javascript 我能自己更轻松地倒这些按钮吗?

Javascript 我能自己更轻松地倒这些按钮吗?,javascript,html,css,Javascript,Html,Css,所以,我想知道我是否可以在javascript中简化这个过程,减少重复,以及我是否可以使标题在点击按钮时变为黑色,如果是按钮颜色的话。如果问题的第二部分是可能的,那么就不需要再简单了,我只是想弄清楚如何使用特定的属性样式来创建函数target-only标记。这可能吗 我是新的编码,我一直在试图找出这几个小时,但找不到一些已经上传。。。可能是因为我不能把问题浓缩起来 洪水 h1{ 文本对齐:居中; 左:30%; 右:30%; 宽度:40%; } p{ 字号:14pt } 有趣的东西 红色 蓝色 黄

所以,我想知道我是否可以在javascript中简化这个过程,减少重复,以及我是否可以使标题在点击按钮时变为黑色,如果是按钮颜色的话。如果问题的第二部分是可能的,那么就不需要再简单了,我只是想弄清楚如何使用特定的属性样式来创建函数target-only标记。这可能吗

我是新的编码,我一直在试图找出这几个小时,但找不到一些已经上传。。。可能是因为我不能把问题浓缩起来

洪水 h1{ 文本对齐:居中; 左:30%; 右:30%; 宽度:40%; } p{ 字号:14pt } 有趣的东西 红色 蓝色 黄的 眨眼 单击顶部的按钮来了解我的意思。

常量a=document.getElementByIdFS; 常量b=document.getElementByIdRed; const c=document.getElementByIDlue; const d=document.getElementByIdYellow; const e=document.getElementByIdBlink; /*重置功能*/ 函数B{ a、 style.color=黑色; b、 removeEventListenerclick,Black功能b,; b、 addEventListenerclick,redFunction,; } 函数black函数c{ a、 style.color=黑色; c、 removeEventListenerclick,blackFunctionC,; c、 addEventListenerclick,blueFunction,; } 函数blackFunctionD{ a、 style.color=黑色; d、 removeEventListenerclick,blackFunctionD,; d、 addEventListenerclick,黄色函数,; } 函数showFunction{ a、 style.display=块; e、 removeEventListenerclick,showFunction,; e、 addEventListenerclick,闪烁功能, } /*结束复位功能*/ b、 addEventListenerclick,redFunction,; 函数redFunction{ a、 style.color=红色; b、 removeEventListenerclick,redFunction,; b、 addEventListenerclick,Black函数b,; } c、 addEventListenerclick,blueFunction,; 函数蓝函数{ a、 style.color=蓝色; c、 removeEventListenerclick,blueFunction,; c、 addEventListenerclick,Black函数c,; } d、 addEventListenerclick,黄色函数,; 函数黄函数{ a、 style.color=黄色; d、 removeEventListenerclick,黄色函数,; d、 addEventListenerclick,blackFunctionD,; } e、 addEventListenerclick,blinkFunction,; 函数闪烁函数{ a、 style.display=none e、 removeEventListenerclick,blinkFunction,; e、 addEventListenerclick,showFunction,; }
基本上,当你点击黄色按钮时,它会使块变为黄色,如果你点击蓝色按钮,它会变为蓝色,但是如果你再次点击黄色按钮,它会变为黑色。或者,当你点击黄色,然后点击蓝色两次,再点击黄色一次,它会保持黑色。当它已经是黄色时,如果你按下黄色按钮,有没有办法使它只变成黑色?

你把事情复杂化了。只需检查并切换黑色和第二种颜色。 您不必一次又一次地注册/取消注册事件

函数黄函数{ var clr=a.style.color; ifclr.toLowerCase==='yellow' a、 style.color=黑色; 其他的 a、 style.color=黄色;
} 您可以制作一个更通用的函数,可以处理所有情况:

函数切换CSSELEM、属性、值{ 元素样式[attrib]=元素样式[attrib]==值?:值; } const fs=document.getElementByIdFS; 对于[红、蓝、黄]的let颜色{ const button=document.getElementByIdcolor; button.AddEventListener单击,=>切换CSSFS、颜色、颜色; } const button=document.getElementByIdblink; button.addEventListenerclick,=>切换CSSFS,可见性,隐藏; 有趣的东西 红色 蓝色 黄的 眨眼 单击顶部的按钮来了解我的意思


你的要求不清楚。你能准备一个简单的预期行为列表吗?超级智能: