URLデコード

入力文字列をURLデコードします。
→URLエンコードはこちら

ソースコード公開

<form>
<textarea id="before" placeholder="https://negishicho.com/tech/url%E3%83%87%E3%82%B3%E3%83%BC%E3%83%89/"></textarea>
<textarea id="after" placeholder="https://negishicho.com/tech/urlデコード/" readonly></textarea>
</form>

<script>
const before = document.getElementById('before');
before.addEventListener('input', function() {
  document.getElementById('after').value = decodeURI(this.value);
});
</script>

アルゴリズムの解説

decodeURI() - JavaScript | MDN

decodeURI() 関数は、encodeURI() 関数あるいは同様のルーチンによって事前に作成された URI (Uniform Resource Identifier; 統一資源識別子) をデコードします。

developer.mozilla.org