JSFiddle - React, Tailwind, and code Playground

by Moien Tajik

HTML

<input type="button" id="btn1" value="Paragraph1">
<input type="button" id="btn2" value="Paragraph2">
<input type="button" id="btn3" value="Paragraph3">
<input type="button" id="btn4" value="Paragraph4">
<input type="button" id="btn5" value="Paragraph5">
<br>

<div id="txt1">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde minima eaque quam atque tempore labore praesentium alias, est aliquid consequuntur, nam voluptate! Quidem recusandae maiores eius quis, quasi officiis id!
</div>
<br>

<div id="txt2">
  Qui dolore, architecto ratione maiores neque optio voluptates dolores aliquam omnis, possimus eius non corporis voluptatum consectetur enim molestiae animi. Voluptatum ad enim mollitia sed, optio! Alias esse doloribus, dolorum!
</div>
<br>

<div id="txt3">
  Ratione veniam cupiditate, voluptatibus, fuga a dolorem enim, porro excepturi aliquam non omnis illum, repellendus repudiandae ullam. Numquam quasi officia mollitia, quidem, commodi beatae non perferendis similique quibusdam aperiam nesciunt!
</div>
<br>

<div id="txt4">
  Velit quia deleniti eveniet aperiam, ipsa, laborum soluta adipisci iure. Illum corporis temporibus necessitatibus minus ab natus, qui ipsum dolores ex eius magni, cupiditate consectetur, quod molestias sapiente rem nisi.
</div>
<br>

<div id="txt5">
  Sint atque consectetur maxime eius ipsam qui optio, praesentium, laborum accusamus autem, amet sequi culpa dolore nesciunt quo iusto debitis quaerat possimus voluptatem voluptates temporibus fugit magni? Placeat, molestias, dolorem?
</div>
<br>

JavaScript

$(document).ready(function() {
  $("#btn1").click(function() {
    $("#txt1").css("background-color", "SteelBlue");
    alert($("#txt1").text());
  });

  $("#btn2").click(function() {
    $("#txt2").css("background-color", "Crimson");
    alert($("#txt2").text());
  });

  $("#btn3").click(function() {
    $("#txt3").css("background-color", "SeaGreen");
    alert($("#txt3").text());
  });

  $("#btn4").click(function() {
    $("#txt4").css("background-color", "OrangeRed");
    alert($("#txt4").text());
  });

  $("#btn5").click(function() {
    $("#txt5").css("background-color", "Orchid");
    alert($("#txt5").text());
  });
});