JSFiddle - React, Tailwind, and code Playground

by dshilkret

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<span class="bold buttons">Bold</span>
<span class="italic buttons">Italic</span>

CSS

.buttons{
width: 100px; 
float: left;
text-align: center; 
margin: 5px; 
border: 2px solid;
font-weight:bold;
}

JavaScript

$(document).ready(function() {
  $('.bold').bind('click', function(){
    alert('You have clicked the Bold button');
  });

  $('.italic').bind('click', function(){
    alert('You have clicked the Italic button');
  });
});