JSFiddle - React, Tailwind, and code Playground

by Wentz Wu

HTML

<script src="http://textextjs.com/textext/js/textext.core.js"></script>
<script src="http://textextjs.com/textext/js/textext.plugin.tags.js"></script>
<script src="http://textextjs.com/textext/js/textext.plugin.autocomplete.js"></script>
<script src="http://textextjs.com/textext/js/textext.plugin.suggestions.js"></script>
<script src="http://textextjs.com/textext/js/textext.plugin.filter.js"></script>
<script src="http://textextjs.com/textext/js/textext.plugin.focus.js"></script>
<script src="http://textextjs.com/textext/js/textext.plugin.prompt.js"></script>
<script src="http://textextjs.com/textext/js/textext.plugin.ajax.js"></script>
<script src="http://textextjs.com/textext/js/textext.plugin.arrow.js"></script>
<link rel="stylesheet" href="http://textextjs.com/textext/css/textext.core.css">
<link rel="stylesheet" href="http://textextjs.com/textext/css/textext.plugin.tags.css">
<link rel="stylesheet" href="http://textextjs.com/textext/css/textext.plugin.autocomplete.css">
<link rel="stylesheet" href="http://textextjs.com/textext/css/textext.plugin.focus.css">
<link rel="stylesheet" href="http://textextjs.com/textext/css/textext.plugin.prompt.css">
<link rel="stylesheet" href="http://textextjs.com/textext/css/textext.plugin.arrow.css">
<textarea id="textarea" class="example" rows="1"></textarea>

<div style="margin-top: 20px">
  <input type="text" id="tagname" placeholder="tag name" />
  <button id="addtag" class="btn">Click to add tag</button>
</div>

JavaScript

$("addtag").click(function(){
alert("test");
});