JSFiddle - React, Tailwind, and code Playground

by davishmcclurg

HTML

<ul>
    <li>Link 1</li>
    <li>Link 2</li>
    <li>Link 3</li>
    <li>Link 4</li>
    <li>Link 5</li>
    <li>Link 6</li>
    <li>Link 7</li>
    <li>Link 8</li>
</ul>

CSS

html, body {
    height: 100%;
    margin: 0;
}
ul {
    position: relative;
    height: 100%;
    overflow: auto;
    margin: 0;
}
ul li {
    height: 25%;
}

JavaScript

var els = document.getElementsByTagName("li");
for (var i = 0; i < els.length; i += 1) {
    els[i].onclick = function () {
        alert(this.innerHTML);
    };
}