JS：プロトタイプをクリックして入力フィールドを空にします

Question

私はもともとこのプロジェクトでJQueryを使用しましたが、今はPrototypeを使用する必要があり、JQueryで書いたものをプロトタイプで使用したい。

ユーザーがクリックしたときに検索バーを空にする簡単なコードです。私はプロトタイプでやるのはかなり簡単だと確信していますが、私はどうしたらいいのか分かりません。ここで私はjQueryのために書いたものだ

...

$(window).load(function(){ 
     $("#search").on("click", function() { 
      if ($(this).val() == "search") { 
       $(this).val(""); 
       $(this).css("color", "black"); 
      } 
     }); 
     $("#search").blur(function() { 
      if ($(this).val() == "") { 
       $(this).css("color", "gray"); 
       $(this).val("search"); 
      } 
     }); 
    }); 

は、どのように私はプロトタイプで使用するために上記を変換することができますか？将来的にこれを実行したい人のため

Answer 1

は、ここに私のために働いていたものです：

$('search').onblur = function() { 
    if($('search').value == '') { 
    $('search').value = 'search'; 
$('search').setStyle({color:'gray'}); 

    } 
} 

$('search').onfocus = function() { 
    if($('search').value == 'search') { 
    $('search').clear(); 
     $('search').setStyle({color:'black'}); 
    } 
}