【JavaScript】｢フォーム入力文字｣を｢URLの#以降(hash)｣に表示

はじめに

｢フォームに入力した文字｣をリアルタイムで｢URLの#以降(hash)｣に表示するJavaScriptです。

《 もくじ 》
■ HTMLコード
■ JavaScriptコード

■ HTMLコード

// ** [入力] ｢URLの#以降(hash)｣に表示させたい文字を入力
<form method="post">
<textarea id="FormWord" rows="10" cols="20"></textarea>
</form>

■ JavaScriptコード

《 注意事項 》
このJavaScriptコードは脆弱性対策を行っていません。
｢URLの#以降(hash)｣の文字を取得して何かを行うツールを作る場合、｢HTMLエスケープ/サニタイジング(特殊文字の無害化)｣などの脆弱性対策が必要になります。
《 関連情報 》
・ URL パラメータORクエリ 脆弱性 - Google検索
https://www.google.com/search?q=URL+%E3%83%91%E3%83%A9%E3%83%A1%E3%83%BC%E3%82%BFOR%E3%82%AF%E3%82%A8%E3%83%AA+%E8%84%86%E5%BC%B1%E6%80%A7
・ DOM based XSS - Google検索
https://www.google.com/search?q=DOM+based+XSS

window.onload = function() {

// ** [取得] ｢フォームに入力した文字｣を取得
// ** [転送] 取得した文字を｢URLの#以降(hash)｣に表示
function FormToHash(){
location.hash = encodeURIComponent(document.getElementById("FormWord").value);
}
// ** [更新] 1000ミリ秒ごとに更新
setInterval(FormToHash, 1000);

};

#私の作品紹介 / #プログラミング初心者

（text）

◇　　◇　　◇

《 過去に作成したnoteの記事リスト 》
https://note.com/text_sakura/n/na2cd73291236

《 記事についてのお問い合わせ先 》
text.sakura.note@gmail.com
※ 添付ファイルが含まれるメールは受け取ることができません。
※ テキストのみでお願いいたします。