Decode / Encode URI

エンコードされたURI のデコード、デコードされたURI のエンコードを簡単に実行できるツールを作ってみました。

コード

<html>
<head>
<title></title>
</head>
<body>
<form name="f01">
<div>
<textarea name="ta01" rows="3" placeholder="Input encoded URI!" style="width:60%"></textarea>
<input type="button" value="decodeURI" onclick="document.f01.ta02.value=decodeURI(document.f01.ta01.value)" />
<input type="button" id="btn02" value="copy" />
<script type="text/javascript">
  document.f01.btn02.addEventListener("click", function(event) {
    event.preventDefault();
    document.f01.ta01.select();
    document.execCommand("copy");
  });
</script>
</div>
<div>
<textarea name="ta02" rows="3" placeholder="Input decoded URI!" style="width:60%;"></textarea>
<input type="button" value="encodeURI" onclick="document.f01.ta01.value=encodeURI(document.f01.ta02.value)" />
<input type="button" id="btn04" value="copy" />
<script type="text/javascript">
  document.f01.btn04.addEventListener("click", function(event) {
    event.preventDefault();
    document.f01.ta02.select();
    document.execCommand("copy");
  });
</script>
</div>
</form>
</body>
</html>