HTML5 출력을 통해 게임에서 점수를 표시하는 방법은 무엇입니까?

Question

그래서 내 HTML5이 출력이

이제 내 다트이

for (Gunner gunner in gunners) { 
    if (bullet.checkCollision(gunner)) { 
    deleteBullets.add(bullet); 
    deleteGunners.add(gunner); 
    int zero = 0; 
    count() { 
     zero = zero + 1; 
     document.getElementById("counter").innerHtml = zero.toString(); 
    } 
    count(); 
    } 
} 

내가 포수를 죽일 때마다 나는 카운터가 1을 갈 수 그래서 내가 뭘하려고 오전되고있다

<output id="counter" value="0" /> 

하지만, 내가 1 명의 사수를 죽이고 1 점을 얻은 후에는 더 이상 얻을 수 없으며, 1시에 머무르며 1 차 죽인 후에도 살인을 계속 계산하지 않습니다.

Answer 1

점수를 저장하는 변수는 루프 내에서 선언되므로 매번 0에서 새로 생성됩니다. 변수를 코드 외부에 선언해야합니다 (루프 외부에서는 코드에 포함되지 않음).

// Declared somewhere more global 
int score = 0; 
increaseScore(int incr) { 
    score += incr; 
    document.getElementById("counter").innerHtml = score.toString(); 
} 

// Your normal loop/event handlers/whatever 
renderLoop() { 
    // ... 
    for (Gunner gunner in gunners) { 
    if (bullet.checkCollision(gunner)) { 
     deleteBullets.add(bullet); 
     deleteGunners.add(gunner); 

     increaseScore(1); 
    } 
    } 
    // ... 
}