JSFiddle - React, Tailwind, and code Playground

by Leo Cavalcante

HTML

<ul>
    <li>foo</li>
    <li>bar</li>
    <li>baz</li>
</ul>
<button class="js-do">do!</button>

JavaScript

function something() {
    var lis = document.querySelectorAll('li');
    
    console.log(lis);
    
    for (var i = 0, l = lis.length; i < l; i++) {
        var li = lis[i];
        li.style.textDecoration = 'line-through';
    }
}

document
    .querySelector('.js-do')
    .addEventListener('click', something);