M413-Programmation-Web-Client-Riche/TD3/js/td3-exo1.js

console.log("Chargement...");


function init() {
    console.log("Initialisation...");
    var div = document.querySelectorAll(".case");

    for (var i = 0; i < div.length; i++) {
        div[i].addEventListener("click", selection);
    }

}

function selection(event) {

    var maCase = event.currentTarget;
    var vide = document.body.querySelector(".case.vide");

    if ((maCase.offsetTop == vide.offsetTop && Math.abs(maCase.offsetLeft - vide.offsetLeft) == 102) ||
        (maCase.offsetLeft == vide.offsetLeft && Math.abs(maCase.offsetTop - vide.offsetTop) == 102)) {
        console.log("Déplacement effectué !");
        maCase.className = "case vide";
        var buff = maCase.innerHTML;
        maCase.innerHTML = "";
        vide.className = "case";
        vide.innerHTML = buff;
    }
    var e = event.target;
}