JSFiddle - React, Tailwind, and code Playground

by vpetrychuk

HTML

<div class="item1" name="test1">1</div>
<div class="item1" name="test2Hi">1</div>
<div class="item1" name="hi-test3">1</div>
<div class="item1" name="test4-Hi">1</div>

CSS

.item2 {
    background: #eee;
}

JavaScript

var items = document.querySelectorAll('.item1');
var length = items.length;
for (var i = 0; i < length; i++) {
    var item = items[i];
    if (item.getAttribute('name').indexOf('Hi') !== -1) {
        item.className += ' item2';
    }
}