Onclickは何もしていません

Question

ここで私は何時間も無駄にしています。私は機能していないより大きな機能を持っているので、私はこの小さなものをテストすることに決めましたが、どちらも機能しません。エラーはありませんが、ボタンをクリックしても何も起こっていません。

<form> 
      <input type="text" id="textField"> 
      <input id="filtrooo" type="submit" value="Click"> 
    </form> 
<script> 
     document.getElementById("filtrooo").onclick = function(){ 
      document.getElementById("textField").innerHTML ="txt"; 
     }; 
</script> 

ここで何が間違っていますか？

Answer 1

今ウォーキングだと：

<form> 
 
    <input type="text" id="textField"> 
 
    <input id="filtrooo" type="button" value="Click"> 
 
</form> 
 
<script> 
 
    document.getElementById("filtrooo").onclick = function(){ 
 
     document.getElementById("textField").value = "txt"; 
 
    }; 
 
</script>

代わりのinnerHTMLをあなたはvalueを書く必要があります。もう1つの問題は、[送信]ボタンをクリックするとページが更新され、入力値がクリアされることです。したがって、代わりにtype="submit"の代わりに私はtype="button"

Answer 2

はこれを試してみてください：

var filtrooo = document.getElementById("filtrooo"); 

function functionName() { 
    document.getElementById("textField").value ="txt"; 
} 

filtrooo.addEventListener("click", functionName); 

Answer 3

最初に、送信ボタンで、あなたのコードが何を参照しないようにページがリロードされます。 次に、.innerHTMLは使用しないでください。代わりに.valueを使用してください。