2つのボタンのフロー制御pとsubmit

2つのボタンがあります。私が欲しいのは、常に1つしか価値を与えてはならず、もう1つはその価値を取り、それを加えなければならないということです。だから、最初のボタンpが1であるならば、submitは、それが再び1でなければなりませんが、submitは22つのボタンのフロー制御pとsubmit

問題は、私はどちらか、両方の1またはsubmitは2を持ったで終わるということであるだろう、私はpをクリックします。1.次の時間でなければなりません、3,4,5、どれがpに関係なく。

window.onload = function(){ 
 
    var arr = ['shashank','kiran','sumanth','arun','rahul','akshay','kirannaik']; 
 
    var i=1,k = 0, totalp = 0; 
 
    var showName = function(){ 
 
     totalp++; 
 
     console.log(totalp); 
 
    }; 
 
    var presentIt = function(){ 
 
     p = 0; 
 
     p++; 
 
     totalp = p; 
 
     console.log(p) 
 
    } 
 
    document.getElementById('present').addEventListener('click', presentIt);  
 
    document.getElementById('btn').addEventListener('click', showName); 
 
}

<html> 
 
<head> 
 
    <title>Attendance Sheet</title> 
 
    <script src="app.js"></script> 
 
    <style> 
 
     #present{ 
 
      width:50px; 
 
      height:50px; 
 
     }; 
 
     #displayName{ 
 
      display : none; 
 
     } 
 
    </style> 
 
</head> 
 
<body> 
 
    <button id="present">P</button> 
 
    <button id="btn">Submit</button> 
 
</body> 
 
</html>

出典

2017-09-23 shashank

おかげではなく、送信ボタンはまだ常にコンソールで '1'としてのカウントを表示 – shashank

私はあなたがsubmitボタンをpクリック数を追跡したい願っています。次の例を見てください。これはあなたの要件に関する私の理解に基づいて開発されました。

window.onload = function() { 
 
    var totalp = 0, 
 
    p = 0, 
 
    buttonState = 0; 
 

 
    var showName = function() { 
 
    if (buttonState == 1) { 
 
     buttonState = 0; 
 
    } 
 
    console.log(totalp); 
 

 
    }; 
 
    var presentIt = function() { 
 

 
    if (buttonState == 0) { 
 
     p = p + 1; 
 
     totalp = p; 
 
     buttonState = 1; 
 
    } 
 
    
 
    console.log(1); 
 

 
    } 
 
    document.getElementById('present').addEventListener('click', presentIt); 
 
    document.getElementById('btn').addEventListener('click', showName); 
 
}

<html> 
 

 
<head> 
 
    <title>Attendance Sheet</title> 
 
    <script src="app.js"></script> 
 
    <style> 
 
    #present { 
 
     width: 50px; 
 
     height: 50px; 
 
    } 
 
    
 
    ; 
 
    #displayName { 
 
     display: none; 
 
    } 
 
    </style> 
 
</head> 
 

 
<body> 
 
    <button id="present">P</button> 
 
    <button id="btn">Submit</button> 
 
</body> 
 

 
</html>

出典

2017-09-23 13:47:06 Thusitha

'p'クリックイベントを反復されます。しかし、それは 'p'をインクリメントし、submitがクリックされたときに' totalp'を表示するために使われます。私が理解しているように、 'p'がクリックされたときには、カウントに関係なく常に' 1'を表示します。 – Thusitha

ありがとうございますが、送信ボタンが4回押された場合は4回、1回だけ表示する必要がある場合は、さらに投稿をクリックした場合は何回表示されても何回表示されるか2 @ – shashank

@shashank回答を更新しました。これはあなたが望む要件ですか？ – Thusitha

2つのボタンのフロー制御pとsubmit

答えて

関連する問題