別のボタンを押したときにボタンを無効にする方法は？

Question

私はGUI Calcualtorを持っており、等号ボタンが押されたときに数字ボタンを無効にしたい。ここで

は桁1が含まれているボタンのHTMLです：

<td> 
    <button type="button" name="digit" value="1" value2 = "disabled"> 
    1 
    </button> 
</td> 

これがためにHTMLでボタン等しい：ここ

<button type="button" name="equals" value="="> 
    = 
</button> 

それを無効にしようとする私のJavaScriptコードです。 ..

document.getElementsByName("equals")[0].addEventListener("click", function(){ 
    document.getElementsByName("digit").disabled = true; 
}); 

なぜこれが機能しないのですか？イベントリスナーはそれを無効にする必要があります。

ありがとうございます。

Answer 1

document.getElementsByName()要素のNodeListコレクションを返します。

document.getElementsByName("digit")の代わりに、document.getElementsByName("digit")[0]を探して、そのコレクションの最初の要素にアクセスします。

document.getElementsByName("equals")[0].addEventListener("click", function(){ 
 
    document.getElementsByName("digit")[0].disabled = true; 
 
});

<td> 
 
    <button type="button" name="digit" value="1" value2="disabled"> 
 
    1 
 
    </button> 
 
</td> 
 

 
<button type="button" name="equals" value="="> 
 
    = 
 
</button>

この情報がお役に立てば幸い！ :)