リンクをクリックしてテキストエリアにテキストを表示する方法

Question

クリックするとテキストエリア内にテキストが表示されるリンクはありますか？

これは私が持っているものです。

<script type="text/javascript"> 
mybutton: onclick { 
document.myform2.mytextfield2.value = "Test"; 
} 
</script> 

<form name="myform2"> 
<input type="button" name="mybutton" value="Go"> 
<input type="text" name="mytextfield2"> 
</form> 

私が間違っていることを教えてください。

Answer 1

問題は、mybutton: onclick { ... }が実行可能な文ではないことです。それはコードの断片です。

コードを修正する方法はいくつかあります。

1.スクリプトで関数を宣言し、ボタンにonclickイベントハンドラを宣言します。

<script type="text/javascript"> 
function myfunc() { 
document.myform2.mytextfield2.value = "Test"; 
} 
</script> 

<form name="myform2"> 
<input type="button" name="mybutton" value="Go" onclick="myfunc()"> 
<input type="text" name="mytextfield2"> 
</form> 

OR 2、ボタンをIDを付け、ボタンの後にスクリプトブロックを入れて、イベントハンドラの登録コードを変更します。

<form name="myform2"> 
<input type="button" name="mybutton" value="Go" id="mybutton"> 
<input type="text" name="mytextfield2"> 
</form> 

<script type="text/javascript"> 
document.getElementById("mybutton").onclick = function() { 
document.myform2.mytextfield2.value = "Test"; 
} 
</script>