[Blondinka]

Я тут развивала игру дальше. Попыталась рефракторить код (только JS), но теперь он не работает.

$(document).ready(function(){
var correctCounter = 0;
getDanger();

var getDanger = function(){
    alert("hi");//Не работает.
    for(var i = 0; i < 4; i++){
	    var danger+i = Math.round(1+Math.random()*24); 
		alert(danger2);//Не работает.
	}
	if(danger1===danger2||danger1===danger3||danger1===danger4||danger2===danger3||danger2===danger4||danger3===danger4){
        getDanger();
    }
}

var dangerItem1 = "#" + danger1;
var dangerItem2 = "#" + danger2;
var dangerItem3 = "#" + danger3;
var dangerItem4 = "#" + danger4;

$(dangerItem1+" ," +dangerItem2+" ," +dangerItem3+" ," +dangerItem4).addClass("bomb");//Присвоить класс bomb.
$("#" + (danger1+1)+" ," +"#" + (danger1-1)+" ," +"#" + (danger1+6)+" ," +"#" + (danger1-6)).addClass("nextToBomb");//Добавить предупреджающий класс (зелёный цвет) ближайшим соседям.
$("#" + (danger2+1)+" ," +"#" + (danger2-1)+" ," +"#" + (danger2+6)+" ," +"#" + (danger2-6)).addClass("nextToBomb");
$("#" + (danger3+1)+" ," +"#" + (danger3-1)+" ," +"#" + (danger3+6)+" ," +"#" + (danger3-6)).addClass("nextToBomb");
$("#" + (danger4+1)+" ," +"#" + (danger4-1)+" ," +"#" + (danger4+6)+" ," +"#" + (danger4-6)).addClass("nextToBomb");

$(".bomb").click(function(){
	$(".bomb").css("background-color","yellow");//Если пользователь кликнул на ячейку с классом bomb, то все такие ячейки поодсветятся желтым
	document.getElementById("result").innerHTML="Try again!";// и выведется текстовое сообщение.
	$("td").not(".bomb").css("background-color","blue");//При клике по ячейке с классом bomb, все ячейки без этого класса становятся синими.
});

$("td").not(".bomb").click(function(){//Если пользователь кликнул на ячейку не с классом bomb, то такая ячейка подсветится синим
	correctCounter++;
	$(this).css("background-color","blue");
	if(correctCounter === 20){alert("You win!");}//Если пользователь 20 раз выбрал правильную ячейку, то он победил.
	document.getElementById("result").innerHTML="Go on!";//а сообщение будет, "продолжай"
});

});

Даже, если написать

body onload="getDanger()"

- не работает.

Это происходит со всеми циклами:

for(var j = 0; j < 4; j++){
    var dangerItem+j = "#" + danger+j;
}

А этот код https://github.com/VaAlina/saper/blob/master/index.html работает.
Кто-нибудь подскажет, почему функция getDanger() и последний цикл не работают?