JSFiddle - React, Tailwind, and code Playground

by jacobwsmith

HTML

<input id="input" type="text" onkeyup="onChange()">
<br>
escape:
<div id="output"></div>
<div id="return">

</div>

<br><br>
encodeURIComponent
<div id="output2"></div>
<div id="return2">

</div>

JavaScript

function onChange() {
const value = document.getElementById('input').value;
	document.getElementById('output').innerHTML = escape(value);
  document.getElementById('return').innerHTML = unescape(document.getElementById('output').innerHTML);
  document.getElementById('output2').innerHTML = encodeURIComponent(value);
  document.getElementById('return2').innerHTML = unescape(document.getElementById('output2').innerHTML);
}

// initial test
/* ?x=шеллы */