时间戳

首页 > 解决方案 > 如何最好地定义多个变量？

javascript - 如何最好地定义多个变量？

问题描述

首先，我想说我很久以前在学校编程，但是由于 ADD 的原因我在编程方面遇到了很多麻烦，所以现在我只是按照自己的节奏“尝试”一些东西，没有压力，所以我可以节奏它真的很慢，但这确实意味着我是一个完整的初学者，我只知道一些语言的片段。

现在解决问题，我最终要做的是通过单击按钮更改文本颜色，因此，如果单击带有蓝色标签的按钮，我希望文本变为蓝色并与红色等相同。

所以我有2个按钮，

<button type="button" id="redButton" onclick="changeText()" value="red">Red</button>
<button type="button" id="blueButton" onclick="changeText()" value="blue">Blue</button>

现在在我的 javascript 文件中，我有以下内容：

var rButton = document.getElementById("redButton");
var bButton = document.getElementById("blueButton");

我可以用它们的值提醒两个 var 并显示值。

我似乎无法想象的是如何将 rButton 和 bButton 放在一个新的变量中，比如

var cButton = [rButton, bButton];

或类似的规定。因为我现在可以将 cButton 放入 if 语句中，然后这样说：

if(cButton = document.getElementById("redButton"))
{
    alert("Hello!");
}
else if(cButton = document.getElementById("blueButton"))
{
    alert("Hello hello");
}
else
{
    alert("Error!");
}

但这只会显示你好！即使我按下了蓝色按钮，也不是 Hello Hello。

这可能是一件非常愚蠢的事情，但我无法弄清楚，而且我在谷歌上没有找到太多我试过的东西。

也是的，changeText() 是所有这些东西所在的函数名。

标签： javascript

解决方案

无需引用两个不同的按钮。相反，您可以在函数调用本身中传递颜色。

var textRef = document.getElementById("text");

function changeText(newColor){
  console.log(textRef)
  textRef.style.color =  newColor;
}
<button type="button" onclick="changeText('red')" value="red">Red</button>
<button type="button" onclick="changeText('blue')" value="blue">Blue</button>

<p id="text">I am the text!!</p>

推荐阅读