2016-09-16 2 views
0

메신저 게임을 만들고, 클릭 수가 일정 수에 이르면 무언가가 발생합니다. 아무 반응이 없습니다. if 문에 내가 추가 한 이유가 10 번의 클릭 수에 도달 할 때 아무 것도하지 않는 이유에 대한 아이디어가 있습니까?만약 오토 클럭 커에 대한 진술이 있다면

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Clicker</title> 
    <script src="counter.js"></script> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/css/bootstrap.min.css" integrity="2hfp1SzUoho7/TsGGGDaFdsuuDL0LX2hnUp6VkX3CUQ2K4K+xjboZdsXyp4oUHZj" crossorigin="anonymous"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js" integrity="sha384-THPy051/pYDQGanwU6poAc/hOdQxjnOEXzbT+OuUAFqNqFjL+4IGLBgCJC3ZOShY" crossorigin="anonymous"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.2.0/js/tether.min.js" integrity="sha384-Plbmg8JY28KFelvJVai01l8WyZzrYWG825m+cZ0eDDS1f7d/js6ikvy1+X+guPIB" crossorigin="anonymous"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/js/bootstrap.min.js" integrity="VjEeINv9OSwtWFLAtmc4JCtEJXXBub00gtSnszmspDLCtC0I4z4nqz7rEFbIZLLU" crossorigin="anonymous"></script> 
    <style> 
     body{ 
      text-align: center; 
      background-image: url("https://gift-frog.com/wp-content/uploads/2016/06/off-white-textured-background-1920x10803.jpg"); 
     } 
     h1{ 
      font-size: 100px; 
      color: #372424; 
     } 
     h3{ 
      color: #372424; 
     } 
     h2{ 
      color: #372424; 
     } 
     *.unselectable { 
      -moz-user-select: -moz-none; 
      -khtml-user-select: none; 
      -webkit-user-select: none; 

      /* 
       Introduced in IE 10. 
       See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/ 
      */ 
      -ms-user-select: none; 
      user-select: none; 
     } 
    </style> 
</head> 
<body id="body" onclick="doClick()"> 
    <nav class="navbar navbar-dark navbar-inverse"> 
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar" aria-controls="exCollapsingNavbar" aria-expanded="false" aria-label="Toggle navigation"> 
    &#9776; 
    </button> 
    <div class="collapse" id="exCollapsingNavbar"> 
    <div class="bg-inverse p-a-1"> 
     <h4>Your Statistics</h4> 
     <span class="text-muted">graph in development</span> 
     <br> 
     <h4>Rank</h4> 
     <progress class="progress progress-success" value="bob" max="500"></progress> 
    </div> 
    </div> 
</nav> 
    <div class="container"> 
    <div class="row"> 
    <div class="col-sm-4"> 
    </div> 
    <div class="col-sm-4"> 
     <h1 class="unselectable">Clicked <h1 class="unselectable" id="counter">0</h1></h1> <h1 class="unselectable">times</h1> 
    </div> 
    <div class="col-sm-4"> 
    </div> 
    </div> 
</div> 


</body> 
</html> 

여기에 해당하는 javascript가 있습니다.

/** 
* Created by Illuminati on 9/8/2016. 
*/ 
var clicks = 0; 
var multiplyer = 0; 

function doClick() { 
    clicks = clicks + 1; 
    var theCounter = document.getElementById('counter'); 
    theCounter.textContent = clicks; 
} 
if(clicks == 10){ 
    alert("test"); 
} 
+4

조건부를 함수 내부로 이동하십시오. 그것의 바깥쪽에, 그것은 항상 거짓 인 페이지로드에서만 읽혀집니다. – SchattenJager

+0

끊임없이 수표를 발행해야한다고 생각하십니까? 또는 클릭 기능에 그대로 두는 것이 더 좋은 방법입니다. 클릭하는 즉시 확인하기 때문입니다. –

+1

@KodySimpson 간격 안에 넣지 마십시오. 'click' 변경 만이 함수 안에 있으면 필요가 없습니다. –

답변

1

조건부를 함수 내부로 이동하십시오. 그것의 바깥쪽에, 그것은 항상 거짓 인 페이지로드에서만 읽혀집니다.

+0

당신이 나에게 도움이 안되면 오토 클 릭커에 대한 빠른 질문에 감사드립니다 ... 이걸로 매 5 초마다 클릭하도록하는 임 : window.setInterval (function() { if (rank1! = true) {} doClick(); }, 012) } 대신 5 초 동안 가능한 많은 클릭 수와 그 이후 5 초 동안 명백하게 클릭이 발생하지 않습니다. –

+0

끝 부분의 추가} 외에도 작동해야하는 것 같습니다. setInterval은 첫 ​​번째 간격에 도달 할 때까지 기다렸다가 처음 실행합니다. – SchattenJager

1

블록이 한번만 실행되지만 사용자가 버튼을 클릭 할 때마다 이벤트 핸들러가 실행됩니다. 이 같은

뭔가 : 대신 일을 또한

function doClick() { 
    clicks += 1; 
    var theCounter = document.getElementById('counter'); 
    theCounter.textContent = clicks; 
    if(clicks == 10){ 
     alert("test"); 
    } 
} 

, counter = counter + 1 당신은 또한 사용할 수 있습니다, clicks += 1 동일한 것입니다.

관련 문제