パスワードの表示・非表示を切り替える - Qiita

はじめに パスワードの表示・非表示を切り替えるには、パスワード入力欄のinput type属性を動的に変更することで実現します 今回は既存のサイトにあるパスワード入力欄をhtml構造を変更せずにjavascriptだけでパスワードの表示・非表示を切り替えるためのjavascriptを説明します 完成イメージ 以下のサンプルサイトで実際に動作を確認できます 全体のコード コード全体は以下を参照してください コードの説明 パスワードの表示・非表示切り替えの仕組み パスワード入力欄のinput type属性を動的に変更することでパスワードの表示・非表示切り替え。具体的には、「password」と「text」の間で切り替えを行うことで、パスワードの表示・非表示を制御しています。 function togglePasswordVisibility(input, passwordVisibleIcon