JSFiddle - React, Tailwind, and code Playground

by mvorobey

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
</style>
</head>
<body>
<button id="buttonElement"><span code="Module.addOrUpgrade" class="translate">Add or Upgrade Module</span></button>
</body>
</html>

JavaScript

jQuery(document).ready(function() {
    jQuery('.translate').each(function() {
        jQuery(this).click(function(e) {
             alert("Hi from span!");
        });
    });
    jQuery('#buttonElement').click(function(e) {
        alert("Hi from button!");
    });  
  
});