자바 스크립트 : 버튼/기능에 통합 된 클릭 카운터

내 웹 사이트에서 인쇄 된 임의 값의 클릭 수 또는 인쇄 횟수를 계산하고 싶습니다. 제 JS-프로그램 일부/기능을 중지하도록 자바 스크립트 : 버튼/기능에 통합 된 클릭 카운터

var count = 0; 
 
var button = document.getElementById("spin-button"); 
 
var display = document.getElementById("displayCount"); 
 

 
button.onclick = function(){ 
 
    count++; 
 
    display.innerHTML = count; 
 
}

<p>The SPIN-button was pressed <span id="displayCount">0</span> times.</p>

문제가

. 새 임의 값을 설정할 수 있거나 새 값을 계산하는 버튼을 얼마나 자주 클릭했는지 계산할 수 있습니다. button.onClick의 위치는 꺽쇠 또는 괄호 안의 경우에 따라 다릅니다. 그러나 둘 다 함께 작동하지 않습니다.

function randomClickX() { 
 

 
    var randomX1 = Math.ceil(Math.random() * 10); 
 
    var randomX2 = Math.ceil(Math.random() * 10); 
 
    var randomX3 = Math.ceil(Math.random() * 10); 
 

 
    document.getElementById("randomX1").innerHTML = randomX1; 
 
    document.getElementById("randomX2").innerHTML = randomX2; 
 
    document.getElementById("randomX3").innerHTML = randomX3; 
 

 
    var ausgabe = "Play again"; 
 
    if (randomX1 === randomX2) { 
 
    if(randomX2 === randomX3) { 
 
     var ausgabe = "Jackpot"; 
 
     } 
 
    } 
 

 
    var count = 0; 
 
    var button = document.getElementById("spin-button"); 
 
    var display = document.getElementById("displayCount"); 
 

 

 
    button.onclick = function(){ 
 
     count++; 
 
     display.innerHTML = count; 
 
    } 
 
}

실제로 작동하지만 randomClickX 기능을 따라하지 않는 button.onclick

어디에서 둘 모두를 수행해야합니까?

출처

2016-11-11 Jonas

버튼을 눌렀을 때 난수를 업데이트 하시겠습니까? – raphael75

당신은 아마이 원하는 :

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title></title> 
</head> 
<body> 

    <p id="randomX1">X</p> 
    <p id="randomX2">X</p> 
    <p id="randomX3">X</p> 
    <p id="msg"></p> 
    <button type="button" name="button" id="spin-button">SPIN</button> 
    <p>The SPIN-button was pressed <span id="displayCount">0</span> times.</p> 

    <script type="text/javascript"> 

    var count = 0; 
    var button = document.getElementById("spin-button"); 
    var display = document.getElementById("displayCount"); 

    button.onclick = function(){ 
     count++; 
     display.innerHTML = count; 
     randomClickX(); 
    } 

    function randomClickX() { 

     var randomX1 = Math.ceil(Math.random() * 10); 
     var randomX2 = Math.ceil(Math.random() * 10); 
     var randomX3 = Math.ceil(Math.random() * 10); 

     document.getElementById("randomX1").innerHTML = randomX1; 
     document.getElementById("randomX2").innerHTML = randomX2; 
     document.getElementById("randomX3").innerHTML = randomX3; 
     var msg = document.getElementById("msg"); 

     var ausgabe = "Play again"; 
     if (randomX1 === randomX2) { 
      if(randomX2 === randomX3) { 
       var ausgabe = "Jackpot"; 
      } 
     } 
     msg.innerHTML = ausgabe; 
    } 

    </script> 

</body> 
</html>

출처

2016-11-11 20:41:33

고마워요! 내가 원하는대로 작동합니다. _msg_에 대해 설명해 주시겠습니까? 왜 내가 이것을 필요로합니까? – Jonas

필요 없어 "Play again"또는 "Jackpot"(기본값은 "Play again"이지만 3 개의 임의 값이 모두 동일하면 "Jackpot"로 변경)을 표시하는 데 사용했습니다. 다른 요소를 사용하여 ausgabe를 표시하거나 다른 기능을 수행 할 수 있습니다. 그 부분은 당신에게 달려 있습니다. 만약 당신이 대답을 확인할 수 있다면 그것은 정말로 도움이 될 것입니다. :) –

내가 spin-button 클릭 (또는 있어야하는데) 때 randomClickX()가 호출 될 것을 가정하고있다. 내가 코드과 같이 쓸 거라고 기준 자료 :

//set up variables 
var count = 0; 
var button = document.getElementById("spin-button"); 
var display = document.getElementById("displayCount"); 

//when button is pressed. run code 
button.onclick = function(){ 
    count++; //add to the total 
    randomClickX() //spin the wheel 
    display.innerHTML = count; //show the total spin count 
} 

function randomClickX() { 
    //generate the random numbers 
    var randomX1 = Math.ceil(Math.random() * 10); 
    var randomX2 = Math.ceil(Math.random() * 10); 
    var randomX3 = Math.ceil(Math.random() * 10); 
    //display the random numbers 
    document.getElementById("randomX1").innerHTML = randomX1; 
    document.getElementById("randomX2").innerHTML = randomX2; 
    document.getElementById("randomX3").innerHTML = randomX3; 
    //if all 3 are the same assign ausgabe to "Jackpot" 
    var ausgabe = "Play again"; 
    if (randomX1 === randomX2) { 
    if(randomX2 === randomX3) { 
     ausgabe = "Jackpot"; 
     } 
    } 
}

참고 :

ausgabe 죽은 변수입니다. 표시하려는 경우 randomClickX()은 ausgabe이고, randomClickX()을 호출하면 표시하려는 위치에 결과가 지정됩니다. 예 : winning.innerHTML = randomClickX()

출처

2016-11-11 20:41:46

나는 몇 시간 전에 이것을 시도했다. -하지 않았다. /하지 않았다. 왜 _randomClickX() _를 _button.onclick_-function에 포함 시키시겠습니까? – Jonas

자바 스크립트 : 버튼/기능에 통합 된 클릭 카운터

답변

관련 문제