Javascript在单击时更改div颜色，并在第二次单击时返回

我试图根据第一次单击时的初始颜色更改div的颜色，并在第二次单击时将其更改回初始颜色。 它在第一次单击时工作，但在第二次单击时，它仍然看到具有初始颜色的div。。。就像属性不更新一样。谢谢

<script>

function change(div){ 
  if (div.style.backgroundColor = "rgb(252,198,162)")    
{
  div.style.background="rgb(220,20,60)";
}
else
{
  div.style.background="rgb(252,198,162)";
}
}
</script>

<div class="cell_l" id="mydiv" style= "background-color: rgb(252,198,162);" onclick="change(this);"></div>

功能更改（div）{
如果（div.style.backgroundColor=“rgb（252198162）”）
{
div.style.background=“rgb（220,20,60）”；
}
其他的
{
div.style.background=“rgb（252198162）”；
}
}

您在

if

语句中使用的是赋值运算符

=

，而不是

=

进行更改：

if (div.style.backgroundColor == "rgb(252, 198, 162)")

另外，

div.style.backgroundColor

返回带有逗号后空格的rgb颜色，如下所示：

rgb(252, 198, 162)

我在上面也做了改变

更新小提琴：

---

正如@nicael所提到的，学会使用控制台。右键单击->检查->控制台。在这种情况下，不会出现控制台错误，但请记住这一点，以供将来参考。

这是离题的，因为请学习使用调试器。