JSFiddle - React, Tailwind, and code Playground

by apoucoz

HTML

<div class="button"><input type="button" value="Я - кнопка номер 1"></div>
<div class="button"><input type="button" value="Я - кнопка номер 2"></div>
<div class="button"><input type="button" value="Я - кнопка номер 3"></div>
<div class="button"><input type="button" value="Я - кнопка номер 4"></div>
<div class="button"><input type="button" value="Я - кнопка номер 5"></div>
<div class="button"><input type="button" value="Я - кнопка номер 6"></div>
<div class="button"><input type="button" value="Я - кнопка номер 7"></div>
<div class="button"><input type="button" value="Я - кнопка номер 8"></div>
<div class="button"><input type="button" value="Я - кнопка номер 9"></div>

<br><br>

<input type="button" onclick="setrand()" value="Кликнуть по случайной кнопке">

CSS

.button {
  margin-bottom: 5px;
}

JavaScript

var min = 0,
  max = 8,
  rand = min;

function setrand() {
  rand = min + Math.floor(Math.random() * (max + 1 - min));
  $('div.button').eq(rand).click();
}

$(function() {
  // Проверка
  $('div.button').click(function() {
    $(this).fadeTo(300, .5);
  })
});