URLエンコード

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

ソースコード公開

<form>
<textarea id="before" placeholder="https://negishicho.com/tech/urlエンコード/"></textarea>
<textarea id="after" placeholder="https://negishicho.com/tech/url%e3%82%a8%e3%83%b3%e3%82%b3%e3%83%bc%e3%83%89/" readonly></textarea>
</form>

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

アルゴリズムの解説

encodeURI() - JavaScript | MDN

encodeURI() 関数は、URI (Uniform Resource Identifier; 統一資源識別子) をエンコードし、各文字のインスタンスをそれぞれ UTF-8 符号の文字を表す 1 個から 4 個のエスケープシーケンスに置...

developer.mozilla.org