JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <title>Document</title>
  </head>

  <body>
    <div class="test">
      <p>tekst-1</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-2</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-3</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-4</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-5</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-6</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-7</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-8</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-9</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-10</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-11</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-12</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-13</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-14</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-15</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-16</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-17</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-18</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-19</p>
      <audio src=""></audio>
    </div>
    <div class="test">
      <p>tekst-20</p>
      <audio src=""></audio>
    </div>

  </body>

</html>

CSS

*

.test {
  float: left;
  display: block;
  margin: 10px;
  cursor: pointer;
  background: #000;
}

.test>p {
  padding: 20px;
  color:red;
 
}

JavaScript

$(document).ready(function(){

$('.test').on("click", function() {
  $(this).css({
    'background': '#fff000'
  });
  });
  });