JSFiddle - React, Tailwind, and code Playground

by jquerybyexample

HTML

<script src="https://raw.github.com/Sinetheta/burn/master/jquery.burn.min.js"></script>
<br/>
<h1 class="burning">jQuery By Example</h1>
<br/><br/>
<input type="button" id="btnBurn" value=" Burn " /> 
<input type="button" id="btnReset" value=" Reset" />

CSS

.burning{
  color: white;         
  background: black;    
  font-weight: bold;
  font-size: 48pt;
  font-family:Calibri;
  height: 100px;
    padding-top:20px;
}

input
{
  padding:10px;
  font-size: 16pt;
  font-family:Calibri;
}

JavaScript

$(document).ready(function() {
    $('#btnBurn').click(function(e) {
        $('.burning').burn();
    })

    $('#btnReset').click(function(e) {
        $('.burning').burn(false);
    })
});