0

javascript onclick関数を使用してパスワードフィールドにパスワード値を継続的に入力するにはどうすればよいですか?

onclick 関数で動作し、以下の値を持つ 2 つの「青」と「赤」の画像があります。

Blue= w3!
Red= T4.

青の画像をクリックすると、値「w3!」が入力されます。パスワード欄に。しかし、赤い画像をクリックすると、入力が置き換えられ、パスワード フィールドで「T4」になります。パスワードフィールドを置き換えるのではなく、赤の入力を青に付けて「w3!T4」にするにはどうすればよいですか? Pls ここで助けが必要です... thx. 以下は私のコードエントリです:

 <!DOCTYPE html>
 <html>
 <head>
 <style>    
 # red
 {width:50px;
  height:50px;
  }
 # blue
 {width:50px;
  height:50px;
  }
 </style>

 <script src="javascript/myred.js"></script>
 <script src="javascript/myblue.js"></script>
 </head>

 <body>

 <img id="red" src="images/items/blue_in.jpg" alt="no blue" onclick="myblue()">
 <img id="blue" src="images/items/red_in.jpg" alt="no red" onclick="myred()">

 <label for="password">Passcode:</label>
 <input name="password" type="password" id="password">

 </body>
 </html>

サーバーに保存されている JavaScript ファイルを以下に示します。

myblue の場合:

  function myblue()
  {
  x=document.getElementById("password");  // Find the element
  x.value="w3!";    // add the content
  }

ミレッドの場合:

  function myred()
  {
  x=document.getElementById("password");  // Find the element
  x.value="T4";    // add the content
  }

赤い入力を置き換えずに、青い画像の値をパスワード フィールドに追加するにはどうすればよいでしょうか...乾杯..コメントは大歓迎です..

4

2 に答える 2