Widget:DSAF Overload Puzzle Program
From NOISZ Wiki
<!DOCTYPE html>
<html>
<head>
<title>Lights Out Puzzle OL</title>
<style>
.OLcell {
width: 6vw;
height: 6vw;
max-width: 60px;
max-height: 60px;
border: 1px solid black;
background-color: blue;
display: inline-block;
}
.answerOLcell {
width: 4vw;
height: 4vw;
max-width: 40px;
max-height: 40px;
border: 1px solid black;
background-color: blue;
display: inline-block;
margin-left: 2vw;
}
.space {
width: 2vw;
height: 2vw;
display: inline-block;
}
</style>
</head>
<body>
<div align="center">
<label for="OLquizSelect">Pattern Select:</label>
<select id="OLquizSelect" onclick="changeOLQuiz()">
<option value=0>Random</option>
<option value=1>Diagonal 4 Red Cells(1)</option>
<option value=2>Diagonal 4 Red Cells(2)</option>
<option value=3>Diagonal 4 Red Cells(3)</option>
<option value=4>Diagonal 5 Red Cells(1)</option>
<option value=5>Diagonal 5 Red Cells(2)</option>
<option value=6>Diagonal 7 Red Cells(1)</option>
<option value=7>Diagonal 7 Red Cells(2)</option>
<option value=8>Diagonal Half & Half(1)</option>
<option value=9>Diagonal Half & Half(2)</option>
<option value=10>Diagonal Half & Half(3)</option>
<option value=11>Diagonal 7 Blue Cells(1)</option>
<option value=12>Diagonal 7 Blue Cells(2)</option>
<option value=13>Diagonal 7 Blue Cells(3)</option>
<option value=14>Diagonal 5 Blue Cells(1)</option>
<option value=15>Diagonal 5 Blue Cells(2)</option>
<option value=16>Diagonal 5 Blue Cells(3)</option>
<option value=17>Vertical Border 3 Red Cells(1)</option>
<option value=18>Vertical Border 4 Red Cells(1)</option>
<option value=19>Vertical Border 5 Red Cells(1)</option>
<option value=20>Vertical Border 7 Red Cells(1)</option>
<option value=21>Vertical Border 7 Red Cells(2)</option>
<option value=22>Vertical Border 7 Red Cells(3)</option>
<option value=23>Vertical Border Half & Half(1)</option>
<option value=24>Vertical Border Half & Half(2)</option>
<option value=25>Vertical Border Half & Half(3)</option>
<option value=26>Vertical Border 7 Blue Cells(1)</option>
<option value=27>Vertical Border 7 Blue Cells(2)</option>
<option value=28>Vertical Border 7 Blue Cells7(3)</option>
<option value=29>Vertical Border 7 Blue Cells(4)</option>
<option value=30>Round 4 Red Cells(1)</option>
<option value=31>Round 5 Red Cells(1)</option>
<option value=32>Round 7 Red Cells(1)</option>
<option value=33>Round Half & Half(1)</option>
<option value=34>Round Half & Half(2)</option>
<option value=35>Round 7 Blue Cells(1)</option>
<option value=36>Round 5 Blue Cells(1)</option>
<option value=37>Round 3 Blue Cells(1)</option>
<option value=38>Four Corners 4 Red Cells(1)</option>
<option value=39>Four Corners 4 Red Cells(2)</option>
<option value=40>Four Corners 5 Red Cells(1)</option>
<option value=41>Four Corners 5 Red Cells(2)</option>
<option value=42>Four Corners 7 Red Cells(1)</option>
<option value=43>Four Corners 7 Red Cells(2)</option>
<option value=44>Four Corners Half & Half(1)</option>
<option value=45>Four Corners 5 Blue Cells(1)</option>
</select>
</div>
<div align="center" id="OLgameBoard">
<div class="OLcell" onclick="OLtoggleLights(0, 0)"></div>
<div class="OLcell" onclick="OLtoggleLights(0, 1)"></div>
<div class="OLcell" onclick="OLtoggleLights(0, 2)"></div>
<div class="OLcell" onclick="OLtoggleLights(0, 3)"></div>
<div class="space"></div>
<div class="answerOLcell"></div>
<div class="answerOLcell"></div>
<div class="answerOLcell"></div>
<div class="answerOLcell"></div>
<br>
<div class="OLcell" onclick="OLtoggleLights(1, 0)"></div>
<div class="OLcell" onclick="OLtoggleLights(1, 1)"></div>
<div class="OLcell" onclick="OLtoggleLights(1, 2)"></div>
<div class="OLcell" onclick="OLtoggleLights(1, 3)"></div>
... (772 lines left)
Collapse dsafol.html29 KB real nishikiyama + vira hours
—
10:10 what the shit it was working fine last night now its broke....i shall put this in bc actually yeah looking at the code i get why only one instance at a time can work
<!DOCTYPE html>
<html>
<head>
<title>Lights Out Puzzle OL</title>
<style>
.OLcell {
width: 6vw;
height: 6vw;
max-width: 60px;
max-height: 60px;
border: 1px solid black;
background-color: blue;
display: inline-block;
}
.answerOLcell {
width: 4vw;
height: 4vw;
max-width: 40px;
max-height: 40px;
border: 1px solid black;
background-color: blue;
display: inline-block;
margin-left: 2vw;
}
.space {
width: 2vw;
height: 2vw;
display: inline-block;
}
</style>
</head>
<body>
<div align="center">
<label for="OLquizSelect">Pattern Select:</label>
<select id="OLquizSelect" onclick="changeOLQuiz()">
<option value=0>Random</option>
<option value=1>Diagonal 4 Red Cells(1)</option>
<option value=2>Diagonal 4 Red Cells(2)</option>
<option value=3>Diagonal 4 Red Cells(3)</option>
<option value=4>Diagonal 5 Red Cells(1)</option>
<option value=5>Diagonal 5 Red Cells(2)</option>
<option value=6>Diagonal 7 Red Cells(1)</option>
<option value=7>Diagonal 7 Red Cells(2)</option>
<option value=8>Diagonal Half & Half(1)</option>
<option value=9>Diagonal Half & Half(2)</option>
<option value=10>Diagonal Half & Half(3)</option>
<option value=11>Diagonal 7 Blue Cells(1)</option>
<option value=12>Diagonal 7 Blue Cells(2)</option>
<option value=13>Diagonal 7 Blue Cells(3)</option>
<option value=14>Diagonal 5 Blue Cells(1)</option>
<option value=15>Diagonal 5 Blue Cells(2)</option>
<option value=16>Diagonal 5 Blue Cells(3)</option>
<option value=17>Vertical Border 3 Red Cells(1)</option>
<option value=18>Vertical Border 4 Red Cells(1)</option>
<option value=19>Vertical Border 5 Red Cells(1)</option>
<option value=20>Vertical Border 7 Red Cells(1)</option>
<option value=21>Vertical Border 7 Red Cells(2)</option>
<option value=22>Vertical Border 7 Red Cells(3)</option>
<option value=23>Vertical Border Half & Half(1)</option>
<option value=24>Vertical Border Half & Half(2)</option>
<option value=25>Vertical Border Half & Half(3)</option>
<option value=26>Vertical Border 7 Blue Cells(1)</option>
<option value=27>Vertical Border 7 Blue Cells(2)</option>
<option value=28>Vertical Border 7 Blue Cells7(3)</option>
<option value=29>Vertical Border 7 Blue Cells(4)</option>
<option value=30>Round 4 Red Cells(1)</option>
<option value=31>Round 5 Red Cells(1)</option>
<option value=32>Round 7 Red Cells(1)</option>
<option value=33>Round Half & Half(1)</option>
<option value=34>Round Half & Half(2)</option>
<option value=35>Round 7 Blue Cells(1)</option>
<option value=36>Round 5 Blue Cells(1)</option>
<option value=37>Round 3 Blue Cells(1)</option>
<option value=38>Four Corners 4 Red Cells(1)</option>
<option value=39>Four Corners 4 Red Cells(2)</option>
<option value=40>Four Corners 5 Red Cells(1)</option>
<option value=41>Four Corners 5 Red Cells(2)</option>
<option value=42>Four Corners 7 Red Cells(1)</option>
<option value=43>Four Corners 7 Red Cells(2)</option>
<option value=44>Four Corners Half & Half(1)</option>
<option value=45>Four Corners 5 Blue Cells(1)</option>
</select>
</div>
<div align="center" id="OLgameBoard">
<div class="OLcell" onclick="OLtoggleLights(0, 0)"></div>
<div class="OLcell" onclick="OLtoggleLights(0, 1)"></div>
<div class="OLcell" onclick="OLtoggleLights(0, 2)"></div>
<div class="OLcell" onclick="OLtoggleLights(0, 3)"></div>
<div class="space"></div>
<div class="answerOLcell"></div>
<div class="answerOLcell"></div>
<div class="answerOLcell"></div>
<div class="answerOLcell"></div>
<br>
<div class="OLcell" onclick="OLtoggleLights(1, 0)"></div>
<div class="OLcell" onclick="OLtoggleLights(1, 1)"></div>
<div class="OLcell" onclick="OLtoggleLights(1, 2)"></div>
<div class="OLcell" onclick="OLtoggleLights(1, 3)"></div>
<div class="space"></div>
<div class="answerOLcell"></div>
<div class="answerOLcell"></div>
<div class="answerOLcell"></div>
<div class="answerOLcell"></div>
<br>
<div class="OLcell" onclick="OLtoggleLights(2, 0)"></div>
<div class="OLcell" onclick="OLtoggleLights(2, 1)"></div>
<div class="OLcell" onclick="OLtoggleLights(2, 2)"></div>
<div class="OLcell" onclick="OLtoggleLights(2, 3)"></div>
<div class="space"></div>
<div class="answerOLcell"></div>
<div class="answerOLcell"></div>
<div class="answerOLcell"></div>
<div class="answerOLcell"></div>
<br>
<div class="OLcell" onclick="OLtoggleLights(3, 0)"></div>
<div class="OLcell" onclick="OLtoggleLights(3, 1)"></div>
<div class="OLcell" onclick="OLtoggleLights(3, 2)"></div>
<div class="OLcell" onclick="OLtoggleLights(3, 3)"></div>
<div class="space"></div>
<div class="answerOLcell"></div>
<div class="answerOLcell"></div>
<div class="answerOLcell"></div>
<div class="answerOLcell"></div>
</div>
<script>
const OLsize = 4;
const OLquiz = [
{name: "斜め赤4(1)",
OLgrid: [
[false, true, false, false],
[false, false, false, false],
[false, true, false, false],
[false, false, true, true]
],
answerOLgrid: [
[true, true, true, false],
[true, true, false, true],
[true, false, true, true],
[false, true, true, true]
]
},
{name: "斜め赤4(2)",
OLgrid: [
[true, false, false, true],
[false, false, false, false],
[false, false, false, false],
[true, false, false, true]
],
answerOLgrid: [
[true, true, true, false],
[true, true, false, true],
[true, false, true, true],
[false, true, true, true]
]
},
{name: "斜め赤4(3)",
OLgrid: [
[false, false, false, false],
[false, true, true, false],
[false, true, true, false],
[false, false, false, false]
],
answerOLgrid: [
[true, true, true, false],
[true, true, false, true],
[true, false, true, true],
[false, true, true, true]
]
},
{name: "斜め赤5(1)",
OLgrid: [
[false, true, false, false],
[false, false, true, false],
[true, true, true, false],
[false, false, false, false]
],
answerOLgrid: [
[true, true, true, false],
[true, true, false, true],
[true, false, true, true],
[false, true, true, true]
]
},
{name: "斜め赤5(2)",
OLgrid: [
[false, false, true, true],
[false, false, false, false],
[false, false, true, true],
[false, false, false, true]
],
answerOLgrid: [
[true, true, true, false],
[true, true, false, true],
[true, false, true, true],
[false, true, true, true]
]
},
{name: "斜め赤7(1)",
OLgrid: [
[false, true, false, true],
[false, true, true, false],
[true, false, true, false],
[false, false, false, true]
],
answerOLgrid: [
[true, true, true, false],
[true, true, false, true],
[true, false, true, true],
[false, true, true, true]
]
},
{name: "斜め赤7(2)",
OLgrid: [
[true, true, false, true],
[false, false, true, true],
[false, false, false, false],
[true, false, false, true]
],
answerOLgrid: [
[true, true, true, false],
[true, true, false, true],
[true, false, true, true],
[false, true, true, true]
]
},
{name: "斜め半々(1)",
OLgrid: [
[true, true, false, true],
[true, true, false, true],
[false, true, false, false],
[false, true, false, false]
],
answerOLgrid: [
[true, true, true, false],
[true, true, false, true],
[true, false, true, true],
[false, true, true, true]
]
},
{name: "斜め半々(2)",
OLgrid: [
[true, false, false, true],
[false, false, true, true],
[true, true, true, false],
[false, false, false, true]
],
answerOLgrid: [
[true, true, true, false],
[true, true, false, true],
[true, false, true, true],
[false, true, true, true]
]
},
{name: "斜め半々(3)",
OLgrid: [
[true, true, false, true],
[false, false, true, false],
[true, false, true, true],
[false, true, false, false]
],
answerOLgrid: [
[true, true, true, false],
[true, true, false, true],
[true, false, true, true],
[false, true, true, true]
]
},
{name: "斜め青7(1)",
OLgrid: [
[false, true, true, false],
[false, true, true, true],
[true, false, true, true],
[false, false, true, false]
],
answerOLgrid: [
[true, true, true, false],
[true, true, false, true],
[true, false, true, true],
[false, true, true, true]
]
},
{name: "斜め青7(2)",
OLgrid: [
[true, true, false, false],
[false, false, true, true],
[true, true, false, true],
[false, true, true, false]
],
answerOLgrid: [
[true, true, true, false],
[true, true, false, true],
[true, false, true, true],
[false, true, true, true]
]
},
{name: "斜め青7(3)",
OLgrid: [
[true, false, false, true],
[false, false, true, true],
[true, true, false, true],
[false, true, false, true]
],
answerOLgrid: [
[true, true, true, false],
[true, true, false, true],
[true, false, true, true],
[false, true, true, true]
]
},
{name: "斜め青5(1)",
OLgrid: [
[true, false, true, true],
[true, true, false, true],
[false, false, false, true],
[true, true, true, true]
],
answerOLgrid: [
[true, true, true, false],
[true, true, false, true],
[true, false, true, true],
[false, true, true, true]
]
},
{name: "斜め青5(2)",
OLgrid: [
[true, false, true, false],
[true, false, true, false],
[true, true, false, true],
[true, true, true, true]
],
answerOLgrid: [
[true, true, true, false],
[true, true, false, true],
[true, false, true, true],
[false, true, true, true]
]
},
{name: "斜め青5(3)",
OLgrid: [
[true, true, false, false],
[true, false, true, true],
[true, true, false, false],
[true, true, true, true]
],
answerOLgrid: [
[true, true, true, false],
[true, true, false, true],
[true, false, true, true],
[false, true, true, true]
]
},
{name: "縦ボーダー赤3(1)",
OLgrid: [
[false, false, true, false],
[false, false, false, false],
[false, false, false, true],
[true, false, false, false]
],
answerOLgrid: [
[false, true, true, false],
[false, true, true, false],
[false, true, true, false],
[false, true, true, false]
]
},
{name: "縦ボーダー赤4(1)",
OLgrid: [
[false, false, false, false],
[true, true, false, false],
[false, false, false, true],
[true, false, false, false]
],
answerOLgrid: [
[false, true, true, false],
[false, true, true, false],
[false, true, true, false],
[false, true, true, false]
]
},
{name: "縦ボーダー赤5(1)",
OLgrid: [
[false, true, false, false],
[false, false, false, false],
[false, false, false, true],
[true, true, true, false]
],
answerOLgrid: [
[false, true, true, false],
[false, true, true, false],
[false, true, true, false],
[false, true, true, false]
]
},
{name: "縦ボーダー赤7(1)",
OLgrid: [
[false, false, true, true],
[true, false, false, true],
[true, true, false, false],
[true, false, false, false]
],
answerOLgrid: [
[false, true, true, false],
[false, true, true, false],
[false, true, true, false],
[false, true, true, false]
]
},
{name: "縦ボーダー赤7(2)",
OLgrid: [
[false, false, true, false],
[true, false, false, false],
[true, false, false, true],
[true, true, true, false]
],
answerOLgrid: [
[false, true, true, false],
[false, true, true, false],
[false, true, true, false],
[false, true, true, false]
]
},
{name: "縦ボーダー赤7(3)",
OLgrid: [
[true, false, false, false],
[true, true, false, true],
[true, false, false, false],
[false, true, false, true]
],
answerOLgrid: [
[false, true, true, false],
[false, true, true, false],
[false, true, true, false],
[false, true, true, false]
]
},
{name: "縦ボーダー半々(1)",
OLgrid: [
[true, false, false, false],
[true, true, false, true],
[true, false, true, true],
[false, false, false, true]
],
answerOLgrid: [
[false, true, true, false],
[false, true, true, false],
[false, true, true, false],
[false, true, true, false]
]
},
{name: "縦ボーダー半々(2)",
OLgrid: [
[false, false, true, false],
[true, false, false, true],
[true, false, true, true],
[true, true, false, false]
],
answerOLgrid: [
[false, true, true, false],
[false, true, true, false],
[false, true, true, false],
[false, true, true, false]
]
},
{name: "縦ボーダー半々(3)",
OLgrid: [
[false, true, false, true],
[true, false, false, true],
[false, true, true, false],
[false, true, false, true]
],
answerOLgrid: [
[false, true, true, false],
[false, true, true, false],
[false, true, true, false],
[false, true, true, false]
]
},
{name: "縦ボーダー青7(1)",
OLgrid: [
[false, false, false, false],
[false, true, true, true],
[true, true, false, true],
[true, true, false, true]
],
answerOLgrid: [
[false, true, true, false],
[false, true, true, false],
[false, true, true, false],
[false, true, true, false]
]
},
{name: "縦ボーダー青7(2)",
OLgrid: [
[false, false, true, true],
[false, true, true, false],
[true, true, false, false],
[true, true, true, false]
],
answerOLgrid: [
[false, true, true, false],
[false, true, true, false],
[false, true, true, false],
[false, true, true, false]
]
},
{name: "縦ボーダー青7(3)",
OLgrid: [
[true, true, true, false],
[false, true, false, false],
[true, true, true, false],
[false, true, false, true]
],
answerOLgrid: [
[false, true, true, false],
[false, true, true, false],
[false, true, true, false],
[false, true, true, false]
]
},
{name: "縦ボーダー青7(4)",
OLgrid: [
[false, true, false, true],
[true, true, true, false],
[true, true, false, true],
[false, false, false, true]
],
answerOLgrid: [
[false, true, true, false],
[false, true, true, false],
[false, true, true, false],
[false, true, true, false]
]
},
{name: "円形赤4(1)",
OLgrid: [
[false, false, false, true],
[false, false, true, false],
[false, true, false, false],
[true, false, false, false]
],
answerOLgrid: [
[true, true, true, true],
[true, false, false, true],
[true, false, false, true],
[true, true, true, true]
]
},
{name: "円形赤5(1)",
OLgrid: [
[false, true, false, false],
[false, false, true, false],
[true, false, false, false],
[true, false, false, true]
],
answerOLgrid: [
[true, true, true, true],
[true, false, false, true],
[true, false, false, true],
[true, true, true, true]
]
},
{name: "円形赤7(1)",
OLgrid: [
[true, false, true, false],
[false, true, true, false],
[false, false, true, true],
[false, false, false, true]
],
answerOLgrid: [
[true, true, true, true],
[true, false, false, true],
[true, false, false, true],
[true, true, true, true]
]
},
{name: "円形半々(1)",
OLgrid: [
[false, true, false, true],
[false, true, false, false],
[false, true, true, false],
[true, false, true, true]
],
answerOLgrid: [
[true, true, true, true],
[true, false, false, true],
[true, false, false, true],
[true, true, true, true]
]
},
{name: "円形半々(2)",
OLgrid: [
[false, false, true, true],
[true, false, false, true],
[false, true, true, false],
[false, false, true, true]
],
answerOLgrid: [
[true, true, true, true],
[true, false, false, true],
[true, false, false, true],
[true, true, true, true]
]
},
{name: "円形青7(1)",
OLgrid: [
[false, true, false, true],
[true, false, false, true],
[true, true, false, false],
[true, true, true, false]
],
answerOLgrid: [
[true, true, true, true],
[true, false, false, true],
[true, false, false, true],
[true, true, true, true]
]
},
{name: "円形青5(1)",
OLgrid: [
[true, true, false, true],
[true, true, true, false],
[false, true, true, false],
[true, true, true, false]
],
answerOLgrid: [
[true, true, true, true],
[true, false, false, true],
[true, false, false, true],
[true, true, true, true]
]
},
{name: "円形青3(1)",
OLgrid: [
[true, true, false, true],
[true, true, true, true],
[true, true, true, false],
[false, true, true, true]
],
answerOLgrid: [
[true, true, true, true],
[true, false, false, true],
[true, false, false, true],
[true, true, true, true]
]
},
{name: "四方形赤4(1)",
OLgrid: [
[false, false, false, true],
[false, false, true, false],
[false, true, false, false],
[true, false, false, false]
],
answerOLgrid: [
[false, true, true, false],
[true, true, true, true],
[true, true, true, true],
[false, true, true, false]
]
},
{name: "四方形赤4(2)",
OLgrid: [
[false, false, true, true],
[false, true, false, false],
[false, false, false, false],
[false, true, false, false]
],
answerOLgrid: [
[false, true, true, false],
[true, true, true, true],
[true, true, true, true],
[false, true, true, false]
]
},
{name: "四方形赤5(1)",
OLgrid: [
[false, true, false, false],
[true, false, false, false],
[false, false, false, false],
[false, true, true, true]
],
answerOLgrid: [
[false, true, true, false],
[true, true, true, true],
[true, true, true, true],
[false, true, true, false]
]
},
{name: "四方形赤5(2)",
OLgrid: [
[false, false, true, true],
[false, false, false, false],
[false, true, false, true],
[true, false, false, false]
],
answerOLgrid: [
[false, true, true, false],
[true, true, true, true],
[true, true, true, true],
[false, true, true, false]
]
},
{name: "四方形赤7(1)",
OLgrid: [
[true, false, true, true],
[false, false, true, false],
[false, true, true, true],
[false, false, false, false]
],
answerOLgrid: [
[false, true, true, false],
[true, true, true, true],
[true, true, true, true],
[false, true, true, false]
]
},
{name: "四方形赤7(2)",
OLgrid: [
[true, true, true, false],
[true, false, false, false],
[true, false, false, true],
[false, true, false, false]
],
answerOLgrid: [
[false, true, true, false],
[true, true, true, true],
[true, true, true, true],
[false, true, true, false]
]
},
{name: "四方形半々(1)",
OLgrid: [
[true, false, true, false],
[false, false, false, false],
[true, true, true, true],
[true, false, true, false]
],
answerOLgrid: [
[false, true, true, false],
[true, true, true, true],
[true, true, true, true],
[false, true, true, false]
]
},
{name: "四方形青5(1)",
OLgrid: [
[true, true, false, false],
[true, true, true, true],
[true, false, true, false],
[false, true, true, true]
],
answerOLgrid: [
[false, true, true, false],
[true, true, true, true],
[true, true, true, true],
[false, true, true, false]
]
},
{name: "Default",
OLgrid: [
[false, false, false, false],
[false, false, false, false],
[false, false, false, false],
[false, false, false, false]
],
answerOLgrid: [
[true, true, true, true],
[true, true, true, true],
[true, true, true, true],
[true, true, true, true]
]
}
];
const OLgrid= [
[false, false, false, false],
[false, false, false, false],
[false, false, false, false],
[false, false, false, false]
];
let OLQuiz = OLquiz[OLquiz.length-1];
function OLinitializeBoard() {
const OLgameBoard = document.getElementById("OLgameBoard");
const OLcells = OLgameBoard.getElementsByClassName("OLcell");
const answerOLcells = OLgameBoard.getElementsByClassName("answerOLcell");
for (let i = 0; i < OLcells.length; i++) {
const row = Math.floor(i / OLsize);
const col = i % OLsize;
const OLcell = OLcells[i];
OLcell.style.backgroundColor = OLgrid[row][col] ? "red" : "blue";
OLcell.style.cursor = "pointer";
const answerOLcell = answerOLcells[i];
answerOLcell.style.backgroundColor = OLQuiz.answerOLgrid[row][col] ? "red" : "blue";
}
}
function OLtoggleLights(row, col) {
OLgrid[row][col] = !OLgrid[row][col];
if (row > 0) {
OLgrid[row - 1][col] = !OLgrid[row - 1][col];
}
if (row < OLsize - 1) {
OLgrid[row + 1][col] = !OLgrid[row + 1][col];
}
if (col > 0) {
OLgrid[row][col-1] = !OLgrid[row][col-1];
}
if (col < OLsize - 1) {
OLgrid[row][col+1] = !OLgrid[row][col+1];
}
OLinitializeBoard();
OLcheckWin();
}
function OLcheckWin() {
const OLgameBoard = document.getElementById("OLgameBoard");
const OLcells = OLgameBoard.getElementsByClassName("OLcell");
for (let i = 0; i < OLcells.length; i++) {
const row = Math.floor(i / OLsize);
const col = i % OLsize;
if (OLgrid[row][col] !== OLQuiz.answerOLgrid[row][col]) {
return;
}
}
alert("Congrats!! You solved the puzzle!");
}
function setOLgrid(){
const OLcells = OLgameBoard.getElementsByClassName("OLcell");
for (let i = 0; i < OLcells.length; i++) {
const row = Math.floor(i / OLsize);
const col = i % OLsize;
OLgrid[row][col] = OLQuiz.OLgrid[row][col];
}
}
function changeOLQuiz() {
const selectElement = document.getElementById("OLquizSelect");
const selectedOLQuiz = selectElement.value;
const OLcells = OLgameBoard.getElementsByClassName("OLcell");
if (selectedOLQuiz === "0") {
OLQuiz = OLquiz[Math.floor(Math.random() * (OLquiz.length-1))];
} else {
OLQuiz = OLquiz[selectedOLQuiz-1];
}
for (let i = 0; i < OLcells.length; i++) {
const row = Math.floor(i / OLsize);
const col = i % OLsize;
OLgrid[row][col] = OLQuiz.OLgrid[row][col];
}
setOLgrid();
OLinitializeBoard();
}
OLinitializeBoard();
</script>
</body>
</html>
