HTMLコレクション内の入力値をターゲットにする

Question

私はカードを反転させるゲームを作成しており、特定の機能に固執しています。ゲームプレイ中にカードが消える（クラス名を変更することによって）

function reShuffle() { 
var cds = document.getElementsByClassName('nocard'); 

for (var t = 0; t < cds.length; t++) { 
    console.log(cds[t]); 
    ///i need to target an input within a div, inside another div, inside cds[t]; 
    ///make sense? 
    } 
} 

上記の機能は、HTMLのコレクションをコンソールに送信しています。 （HTMLのコレクションは、ユーザーがためのポイントを得たアイテムですので、コンソールのリターンは、ユーザーのアクションに基づいて異なります）

さて、私が持っているdiv要素の内側にすべての入力をターゲットにしたい：コンソールは、次のようになりますクラス 'nocard'ではなく、同じ名前の他の入力ではありません。クラス 'fntCls'を呼び出すためのループを作成しようとしたとき、コンソールはクラス 'nocard'を持つdivの内部だけでなく、すべての入力を返しました。

私はこの権利を説明しました。クラス 'nocard'を持つカードにあるクラス 'fntCls'の値を対象にする必要がありますが、クラス 'cards'にある値は対象にしません。

私はフィドルを作ろうとしましたが、localStorageを使用する方法では正しく動作しません。だから私は必要に応じてgitを投稿することができます。また、私はJqueryや他のライブラリを使用していないと言及する必要があります。私は "バニラ" JavaScriptの援助をしたいと思います。

これが長くても、正確ではない場合は、私が必要とするものを説明するのは申し訳ありません。私は本当にここで何が起こっているのかを説明するための正しい言葉を見つけるのに苦労しました。この特別な行動をやろうとしたのは初めてのことです。前もって感謝します。あなたはそのような入力をターゲットにすることができdocument.querySelectorAllを使用

Answer 1

は：

document.querySelectorAll('.nocard input.fntCls') 

.nocardはfntClsクラスとそれらの要素内の入力を対象とするクラスのnocardとinput.fntClsを持つ要素を対象としています。