매초 내부 HTML을 어떻게 새로 고 칩니 까?

Question

저는 방금 저의 대학 과정에서 자바 스크립트를 코딩하는 법을 배우기 시작했으며이 부분에 문제가있어 저에게 도움이 될 것 같습니다.

var cookieAmount = 0; 
var cookiePerSecond = 0; 
var cookiePerClick = 1; 

function firstTimeLoad(){ 
    refreshClickStats(); 
} 

function cookieClick(){ 
    cookieAmount += cookiePerClick; 
    refreshClickStats(); 
} 

function refreshClickStats(){ 
    var stats = "<p>You have " + cookieAmount + " cookies.<br>You have " + cookiePerSecond + " cookies per second.</p>"; 
    document.getElementById('cookieStats').innerHTML = stats; 
} 

function cookiePerSecondFunction(){ 
    cookieAmount =+ cookiePerSecond; 
    refreshClickStats(); 
} 

window.setInterval(cookiePerSecondFunction(), 1000); 

문제는 setInterval이 항상 한 번 작동하고 나에게 "null의 innerHTML '속성을 설정할 수 없다는 것입니다. 하지만 cookiesPerSecondFunction에서 새로 고침 기능을 주석 처리하면 오류가 발생하지 않습니다. 그래서 1 초 타이머가 한 번만 작동하고 나머지 시간은 나에게 오류를주는 것은 무엇을 잘못하고 있습니까?

감사합니다,

Answer 1

마크 뮐러이 당신이 찾고있는 무엇인가? 마지막 문자 : 1) document.getElementById를 2) VAR cookiePerSecond = 0 document.getById없는 문제에 기여 할 수있다 코드에 몇 가지 오류가

var cookieAmount = 0; 
 
var cookiePerSecond = 0; 
 
var cookiePerClick = 1; 
 

 
function firstTimeLoad() { 
 
    refreshClickStats(); 
 
} 
 

 
function cookieClick() { 
 
    cookieAmount += cookiePerClick; 
 
    refreshClickStats(); 
 
} 
 

 
function refreshClickStats() { 
 
    var stats = "<p>You have " + cookieAmount + " cookies.<br>You have " + cookiePerSecond + " cookies per second.</p>"; 
 
    document.getElementById('cookieStats').innerHTML = stats; 
 
} 
 

 
function cookiePerSecondFunction() { 
 
    cookieAmount = ++cookiePerSecond; 
 
    refreshClickStats(); 
 
} 
 

 
window.setInterval(cookiePerSecondFunction, 1000);

<div id="cookieStats"></div>