Javascript 如何更改Html元素S的 colored颜色 ，然后将其褪色为原始 colored颜色

.example {
    background-color: whitesmoke;
}

<div id="example">Cell</div>

function fade(element) {
    if (element has correct value) {
        element.style.backgroundColour = "green";
    } // otherwise make it red
    // Then make it fade back to whitesmoke
}

function fade(element) {
  element.classList.toggle('correct', (element.textContent === 'Cell'));
}

fade(document.querySelector('#example'));

.correct {
  animation: 2s linear correct;
}

@keyframes correct {
  0% {
    background-color: green;
  }
  100% {
    background-color: intial;
  }
}

<div id="example">Cell</div>

Javascript相关问答推荐

如何编辑代码FlipDown.js倒计时？

我在这个黑暗模式按钮上做错了什么？

使用下表中所示的值初始化一个二维数组

如何在Javascript中的控制台上以一行形式打印循环的结果

使搜索栏更改语言

如何在angular中从JSON值添加动态路由保护？

Websocket错误—有一个或多个保留位开启：reserved1 = 1，reserved2 = 0，reserved3 = 0

在执行异步导入之前判断模块是否已导入()

检索相加到点的子项

从另一个数组中的对应行/键值对更新数组中的键值对对象

我想使用GAS和HTML将从Electron 表格中获得的信息插入到文本字段的初始值中

对具有相似属性的对象数组进行分组，并使用串连的值获得结果

图表4-堆叠线和条形图之间的填充区域

如何找到带有特定文本和测试ID的div？

JWT Cookie安全性

有没有办法在R中创建一张具有多个色标的热图？

Played link-Initialize.js永远显示加载符号

如何在不将整个文件加载到内存的情况下，在Node.js中实现Unix粘贴命令？

如果未定义，如何添加全局变量

Node.js的Fetch()调用总是创建新的Express会话