"повторно использовать" код 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;
    }
}