JSFiddle - React, Tailwind, and code Playground

by Scott Kaye

HTML

<input type="email" placeholder="Email" id="email">
<span id="out">Out</span>

JavaScript

var out = document.querySelector("#out");
document.querySelector("#email").addEventListener("input", function() {
	out.innerHTML = encodeURIComponent(this.value);
});