1

我对 JavaScript 相当陌生，我一直在研究一个简单的 if else 脚本来更改 at 按钮的颜色，具体取决于我从 plc (Siemens S7-1200) 获得的变量的状态。

脚本工作正常，按钮的颜色正在改变。但是我有 10 个按钮，我想在上面运行这个脚本。

是否可以“重用”脚本，这样我就不必复制脚本并更改每个按钮的变量

吨

<script>
var tag = ':="web_DB".outtag1:'
var button = "button1"
window.onload = function() {
if (tag == 1) {
    document.getElementById(button).style.backgroundColor = 'green';
} else{
    document.getElementById(button).style.backgroundColor = 'red';
}

}
    </script>

    <form>
<input type="submit" id="button1" value="button">
<input type="hidden" name='"web_DB".intag1' value ="1">
</form>
4

1 回答 1

0

很难确定，因为您尚未发布所有代码，并且您发布的内容实际上不起作用，但我认为您正在寻找这样的东西。

const tags = [
    ':="web_DB".outtag1:',
    ':="web_DB".outtag2:',
    //...
    ':="web_DB".outtag10:'
];
window.onload = function() {
    for (let i = 0; i <= 9; i++) {
        const color = (tags[i] == 1) ? 'green' : 'red';
        document.getElementById('button' + (i+1)).style.backgroundColor = color;
    }
}
于 2019-05-22T20:55:42.547 回答