JSFiddle - React, Tailwind, and code Playground

by Oliboy50

HTML

<ul id="selectable">
    <li id="field_1">field_1</li>
    <li id="field_2">field_2</li>
    <li id="field_3">field_3</li>
    <li id="field_4">field_4</li>
    <li id="field_5">field_5</li>
    <li id="field_6">field_6</li>
    <li id="field_7">field_7</li>
    <li id="field_8">field_8</li>
</ul>

JavaScript

$(function () { // Start 'ready' listener

      $("#selectable > li").click(function () {
          alert($(this).text() + " clicked");
      });

      // Select a random <li> element
      var rand = Math.floor(Math.random() * 8) + 1; // return 1 <= rand <= 9
      $("#field_" + rand).click();

  }); // End 'ready' listener