Custom_Slide_Puzzle_generator/script.js at main · SteveTech153/Custom_Slide_Puzzle_generator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
const image_input = document.querySelector("#userimage");
image_input.addEventListener("change", function () {
    const reader = new FileReader();
    reader.addEventListener("load", () => {
    let userimage = reader.result;
    sessionStorage.setItem("userimage", userimage);
    });
    reader.readAsDataURL(this.files[0]);
    document.getElementById("upload-res").innerHTML = "(Image Selected)";
    document.getElementById("upload-res").style.color = "green";
});

function redirect() {
    window.location.href = "puzz.html";
}

// let btns = document.querySelectorAll(".btn");
// btns[0].style.backgroundImage = image1;
// let prev = 9;
// let valids = {
//     1: [2, 4],
//     2: [1, 3, 5],
//     3: [2, 6],
//     4: [1, 5, 7],
//     5: [2, 4, 6, 8],
//     6: [3, 5, 9],
//     7: [4, 8],
//     8: [5, 7, 9],
//     9: [6, 8]
// };

// function shuffleArray(ar)
// {
//     var n = ar.length;
//     for(var i = 0; i < n; i++)
//     {
//         var i2 = getRandomIntInclusive(0, n - 1);
//         var t = ar[i];
//         ar[i] = ar[i2];
//         ar[i2] = t;
//     }
// }

// function getRandomIntInclusive(min, max)
// {
//     min = Math.ceil(min);
//     max = Math.floor(max);

//     return Math.floor(Math.random() * (max - min + 1)) + min;
// }


// let btns = document.querySelectorAll(".btn");
// btns[0].style.backgroundImage = image1;
// let indexes = [0, 1, 2, 3, 4, 5, 6, 7];
// // shuffleArray(indexes);
// for (let i1 = 0; i1 < 9; i1++){
//     btns[i1].style.backgroundImage = "url('images/" + (indexes[i1] + 1) + "-200.jpg')";
// }
// btns[8].style.backgroundImage = "url('images/bg.jpg')";


// function check() {
//     let flag = true;
//     let image1 = new Image();
//     let image2 = new Image();
//     for (let i = 0; i < btns.length; i++) {
//         if (i != 8) {
//             let str1 = "url(\"images/" + (i + 1) + "-200.jpg\")";
//             let str2 = btns[i].style.backgroundImage;
//             if (str1!= str2) {
//                 flag = false;
//                 break;
//             }
//         } else {
//             let str1 = "url(\"images/bg.jpg\")";
//             if (str1 != btns[i].style.backgroundImage) {
//                 flag = false;
//                 break;
//             }
//         }
//     }
//     if (flag) {
//         alert("You Won");
//         new Audio("audio/done-vadi.mp3").play();
//         setTimeout(function(){
//             window.location.reload(1);
//          }, 2000);
//     }
// }


// let aah = new Audio("audio/check.mp3");
// for (let i = 0; i < btns.length; i++) {
//     btns[i].addEventListener("click", function () {
//         if (valids[prev].indexOf(i + 1) != -1) {
//             aah.play();
//             btns[prev - 1].style.backgroundImage = btns[i].style.backgroundImage;
//             btns[i].style.backgroundImage = "url('images/bg.jpg')";
//             prev = i + 1;
//             check();
//         }
//     });
// }