個別のクリックイベント後にアラートをトリガーする方法

Question

4つの入力ボックスを持つフォームがあります。私は、ボックスの2つがクリックされた後にのみアラートをトリガーしたいと思います。これを達成する最も簡単な方法は何ですか（jQueryではなくJavascriptのみを使用します）。

HTML

<input id="FieldOne">Field One</><br> 
<input id="FieldTwo">Field Two</><br> 
<input id="FieldThree">Field Three</><br> 
<input id="FieldThree">Field Four 

Answer 1

ジャスト機能に彼らがクリックされているすべての時間を発射するためにあなたの入力フィールドにaddEventListenerを追加します。

<script> 
    const counter = 0; 
    const fieldOne = document.getElementById('FieldOne').addEventListener("click", countUp); 
    const fieldTwo = document.getElementById('FieldTwo').addEventListener("click", countUp); 
    const fieldThree = document.getElementById('FieldThree').addEventListener("click", countUp); 
    const fieldFour = document.getElementById('FieldFour').addEventListener("click", countUp); 

    function countUp() { 
    counter = counter + 1; 
    if (counter === 2) { 
     alert('You have clicked two inputs!'); 
    } 
    } 
</script>