“重用”多个按钮的 JavaScript 代码

Question

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

脚本运行良好，按钮的颜色正在改变。 但是我想在 10 个按钮上运行这个脚本。

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

T

<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>

Answer 1

很难确定，因为您还没有发布所有代码，而且您发布的内容实际上并没有工作，但我认为您正在寻找类似的东西。

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;
    }
}