Javascript, если оператор не работает

Question

http://jsfiddle.net/75pxp9ms/5/

В JSfiddle я выше, им просят его изменить текст ид «текст», когда переменная счетчика находится под и над десять, но это не кажется, работало, задавалось вопросом, может ли кто-нибудь помочь мне! Это, вероятно, на самом деле легко исправить, но им достаточно новое для JavaScript так что простите меня, плохо получить повесить его

благодаря

var counter = 0; 
var value = 1; 
var spin = document.getElementById("var"); 
var lol = document.getElementById("text"); 

setInterval(function() { 
    counter += value; 
    spin.innerHTML = counter; 

}, 1000); 

if (counter > 10) { 
    lol.innerHTML = "WOW YOU REALLY LOVE KEVIN XO" 
} 

редактировать: Извините за дублированный пост и спасибо за помощь, ребята!

Answer 1

Ваш if выполняется только один раз, когда counter является 0.

Если вы хотите, чтобы выполнить несколько раз, вы должны поместить внутри setInterval обратного вызова.

Answer 2

К моменту завершения вашего setInterval, оператор if уже был оценен. Лучшее решение:

var counter = 0; 
var value = 1; 
var spin = document.getElementById("var"); 
var lol = document.getElementById("text"); 

setInterval(function() { 
    counter += value; 
    spin.innerHTML = counter; 
    if (counter > 10) { 
     lol.innerHTML = "WOW YOU REALLY LOVE KEVIN XO" 
    } 

}, 1000);