2017-09-23 56 views
1

有兩個按鈕。我想要的是一個人應該永遠只給予價值1,另一個人應該把這個價值加起來。所以,如果第一個按鈕p是1,那麼submit應爲1。下一次,我點擊p應該再次成爲1,但submit將是2兩個按鈕p的流量控制和提交

的問題是,我要麼既具有1個或submit有2結束,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>

+0

謝謝,但提交按鈕依然迭代 – shashank

回答

0

我希望你要保留的p點擊次數在賽道上submit按鈕。 看看下面的例子,並希望它可以幫助你。 這是根據我對您的要求的理解而開發的。

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>

+0

'p'單擊事件始終顯示計數爲控制檯'1'。但是它會增加'p',並在點擊提交時用來顯示'totalp'。因爲據我的理解,當單擊「p」時總是顯示「1」,而不管它是否計數。 – Thusitha

+0

謝謝,但提交按鈕顯示4如果按下4次,它應該只顯示1,然後如果提交點擊,然後再次點擊(無論多少次)提交應顯示2 – shashank

+0

@shashank我更新了答案。這是你想要的嗎? – Thusitha