左側にエンコードしたい文字列を入れ「エンコード」ボタンをクリックすると、
右側にエンコードした文字列が出力されます

右側にエンコードされた文字列を入れ「デコード」ボタンをクリックすると、
左側にエンコード前の文字列が出力されます

「#$&+,/:;=?@ もエンコードする」にチェックを入れると「#$&+,/:;=?@」も変換対象になります。

入力した文字が変換できない状態だと「エンコード」「デコード」ボタンはクリックできません。

「Copy」ボタンをクリックすると入力されている文字がクリップボードにコピーされます。

javascript の encodeURI と encodeURIComponent を利用しています。