Форум

pay4ok32rus · #1 (**permalink**) 09.10.2015, 22:07

Добрый день всем! Не силен в javascript, прошу помощи)))кто чем может)))

Есть html код, в котором есть 3 div'a, в каждом диве есть свое содержимое. Необходимо написать такой скрипт, который будет проверять содержимое этих дивов и в зависимости от содержимого будет устанавливать разный цвет фона.

<body>
   <div class="new">Новинка</div>
   <div class="new">Мы рекомендуем</div>
   <div class="new">Лучшее</div>
 
</body>

Хотелось чтобы див с содержимым НОВИНКА был синий, с содержимым Лучшее - желтым и с содержимым Мы рекомендуем - с зеленым.

Lemme · #2 (**permalink**) 09.10.2015, 22:19

<div class="new">Новинка</div>
<div class="new">Мы рекомендуем</div>
<div class="new">Лучшее</div>
<script>
    [].forEach.call(document.querySelectorAll('.new'), function(item) {
        switch(item.innerHTML) {
            case 'Новинка':
                item.style.backgroundColor = 'blue';
                break;
            case 'Мы рекомендуем':
                item.style.backgroundColor = 'green';
                break;
            case 'Лучшее':
                item.style.backgroundColor = 'red';
                break;
            default:
                item.style.backgroundColor = 'white';
        }
    });
</script>

pay4ok32rus · #3 (**permalink**) 09.10.2015, 22:36

большое спасибо)))все работает)))

Форум

Справочник

Discord чат

Курсы javascript