javascript パスワード入力をリアルタイムで表示する

javascript パスワード入力をリアルタイムで表示する

javascriptで、onkeyupを使用してパスワードに入力された値をリアルタイムでフロントに表示するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

onkeyup使い方

アロー関数を使用して、イベントを以下のコードで登録することができます。

サンプルコード

以下は、
パスワード入力フォームに取得した値を入力するとフロントに表示していく
サンプルコードとなります。

※cssには「tailwind」を使用してます。

入力されるごとに表示されていることが確認できます。