script.js

var $oBlocks = 0; //open blocks counter
var $lId; //first click ID
var $lId2; //second click ID (often 0)
var $1Id = false; //checks if class/id 1 should be left open
var $2Id = false; //checks if class/id 2 should be left open
var $3Id = false;
var $4Id = false;
var $5Id = false;
var $6Id = false;
var $7Id = false;
var $8Id = false;


function clearVariables(){
    $1Id = false;
    $2Id = false;
    $3Id = false;
    $4Id = false;
    $5Id = false;
    $6Id = false;
    $7Id = false;
    $8Id = false;
    $lId = "NaN";
    $lId2 = "NaN";
    $oBlocks = 0;
}

function runUpdate(){
    clearVariables();
    $(".mP").css("background-color", "black");
    $("body").css("background-color", "white");
    var x11 = document.updateGame.f11.value; //sets x11 to the value of the form's input element with name f11
    var x12 = document.updateGame.f12.value;
    var x21 = document.updateGame.f21.value;
    var x22 = document.updateGame.f22.value;
    var x31 = document.updateGame.f31.value;
    var x32 = document.updateGame.f32.value;
    var x41 = document.updateGame.f41.value;
    var x42 = document.updateGame.f42.value;
    var x51 = document.updateGame.f51.value;
    var x52 = document.updateGame.f52.value;
    var x61 = document.updateGame.f61.value;
    var x62 = document.updateGame.f62.value;
    var x71 = document.updateGame.f71.value;
    var x72 = document.updateGame.f72.value;
    var x81 = document.updateGame.f81.value;
    var x82 = document.updateGame.f82.value;
    for(var x = 11; x <= 81; x += 10){
        $(".mP").css("background-color", "white"); //temp
        switch(x){
            case 11:
                $("." + x).html(x11);
                break;
            case 21:
                $("." + x).html(x21);
                break;
            case 31:
                $("." + x).html(x31);
                break;
            case 41:
                $("." + x).html(x41);
                break;
            case 51:
                $("." + x).html(x51);
                break;
            case 61:
                $("." + x).html(x61);
                break;
            case 71:
                $("." + x).html(x71);
                break;
            case 81:
                $("." + x).html(x81);
                break;
        }
        alert("." + x); //temp
    }
}

function runResetGame(){
    clearVariables();
    $(".mP").css("background-color", "black");
    $("body").css("background-color", "white");
}

$(document).ready(function(){
    $(".mP").click(function(){ //click function
        if($oBlocks === 1){
            $(this).css("background-color", "white"); //sets clicked div to visible
            $oBlocks = 0;
            $lId2 = this.id;
            if($lId2 === $lId){ //compares first and second click div
                //debug
                //$("body").css("background-color", "green");
                if($lId === "1"){
                    $1Id = true;
                    //debug
                    //$("#id1True").html("true id1");
                } else if($lId === "2"){
                    $2Id = true;
                    //debug
                    //$("#id2True").html("true id2");
                } else if($lId === "3"){
                    $3Id = true;
                    //debug
                    //$("#id3True").html("true yolo id3");
                } else if($lId === "4"){
                    $4Id = true;
                } else if($lId === "5"){
                    $5Id = true;
                } else if($lId === "6"){
                    $6Id = true;
                } else if($lId === "7"){
                    $7Id = true;
                } else if($lId === "8"){
                    $8Id = true;
                }
            }
        } else {
            $(".mP").css("background-color", "black"); //hides all the div's information
            $(this).css("background-color", "white");
            $oBlocks = 1;
            $lId = this.id;
            $lId2 = 0
        }
        /*debug
        $("#test").css("background-color", "white");
        $("#test").html($lId);
        $("#test2").css("background-color", "white");
        $("#test2").html($lId2);
        $("#id1True").css("background-color", "white");
        $("#id2True").css("background-color", "white");
        $("#id3True").css("background-color", "white");
        debug end */
        if($1Id){
            $(".1").css("background-color", "white");
        }
        if($2Id){
            $(".2").css("background-color", "white");
        }
        /*
        if($1Id && $2Id){
            $("body").css("background-color", "blue");
        } */
        if($3Id){
            $(".3").css("background-color", "white");
        }
        if($4Id){
            $(".4").css("background-color", "white");
        }
        if($5Id){
            $(".5").css("background-color", "white");
        }
        if($6Id){
            $(".6").css("background-color", "white");
        }
        if($7Id){
            $(".7").css("background-color", "white");
        }
        if($8Id){
            $(".8").css("background-color", "white");
        }
        if($1Id && $2Id && $3Id && $4Id && $5Id && $6Id && $7Id && $8Id){
            $("body").css("background-color", "green");
        }
    });
});