2017-07-12 9 views
0

私は、ユーザーが要素のIDに入力した値を割り当てようとしていました。基本的にIDが "A"で、ユーザーが "A"と入力するとテキストが緑色に変わり、赤色に変わります。私は構文がどんなものかについてはあまりよく分かっていないので、私は大いに助けていただければ幸いです。Javascript IDへの入力値の一致

フィドル: https://jsfiddle.net/swzzd5bf/2/

function search(ele) { 
 
      if(event.keyCode == 13) { 
 
       if(ele.value.toUpperCase() == "B"){ //this is where I am unsure 
 
        ele.style.color = "green"; 
 
       } 
 
       else{ 
 
        ele.style.color = "red"; 
 
       } 
 
      } 
 
     }
<input id="b" class="box" type="text" onkeydown="search(this)">

+0

これは期待どおり機能しているようです。入力値の色がデフォルト(黒)から赤または緑に正しく変更されます。ユーザーがenter(onkeydown)を押すと、 –

答えて

2

あなたはこの

if(ele.value.toUpperCase() == ele.id.toUpperCase()) 

Here is the updated fiddle

のような要素のIDを持つ要素の値を比較する必要があります
+0

あなたは歓迎です。それを受け入れられた回答としてマークしてください。ところで、IDが常に小文字の場合は、入力を小文字にして比較する必要があります。 if(ele.value.toLowerCase()== ele.id) –

関連する問題