«повторно использовать» код JavaScript для нескольких кнопок - PullRequest
Новая
       42

«повторно использовать» код JavaScript для нескольких кнопок

1 голос
/ 22 мая 2019

Я довольно новичок в 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>

1 Ответ

0 голосов
/ 22 мая 2019

Трудно быть уверенным, поскольку вы не опубликовали весь свой код, а то, что вы опубликовали, на самом деле не работает, но я думаю, что вы ищете что-то подобное. 

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