JSFiddle - React, Tailwind, and code Playground

by bgrins

HTML

<script src="http://bgrins.github.com/spectrum/spectrum.js"></script>
<link rel="stylesheet" href="http://bgrins.github.com/spectrum/spectrum.css">

<input id="range" type="range" />
<br />
<textarea rows="100"></textarea>

JavaScript

var textarea = document.querySelector("textarea");
document.querySelector("#range").addEventListener("change", function() {  
    textarea.value = "Change! " + this.value + "\n" + textarea.value;
});
document.querySelector("#range").addEventListener("input", function() {  
    textarea.value = "Input! " + this.value + "\n" + textarea.value;
});