ministro
/
test
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

layout

Browse Source
main
funix 4 years ago
parent 165772f103
commit 5e8a37ca16
3 changed files with 120 additions and 89 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 27
      app.js
  2. 162
      index.html
  3. 20
      style.css

27
app.js
Unescape View File

@ -10,6 +10,16 @@ var current = []
var colors = ["var(--red)", "var(--brown)", "var(--green)", "var(--blue)", "var(--yellow)", "var(--orange)", "var(--white)"] var colors = ["var(--red)", "var(--brown)", "var(--green)", "var(--blue)", "var(--yellow)", "var(--orange)", "var(--white)"]
function go() { function go() {
let divs = document.getElementsByClassName("row")
for (let div = 0; div < divs.length; div++) {
if (div != turn) {
document.getElementsByClassName("row")[div].classList.add("disabledButtons");
}
}
document.getElementsByClassName("choiceEl1")[turn].addEventListener("click", function() { document.getElementsByClassName("choiceEl1")[turn].addEventListener("click", function() {
this.style.background = colors[n0] this.style.background = colors[n0]
current[0] = colors[n0] current[0] = colors[n0]
@ -45,6 +55,8 @@ function go() {
n3 = 0 n3 = 0
} }
}) })
} }
go() go()
@ -100,15 +112,20 @@ function check() {
if (areEqual(current, riddle)) { if (areEqual(current, riddle)) {
alert("win") alert("win")
} }
if (turn == 6) { if (turn == 6) {
alert("stop") alert("stop")
} }
turn++ turn++
console.log(turn) current = []
if (turn == 6) {
alert("stop")
}
go() go()
} }
function checkpre() {
if (current.length == 4) {
check()
} else {
console.log("sdv")
}
}

162
index.html
Unescape View File

@ -11,97 +11,97 @@
</head> </head>
<body> <body>
<div class="mother">
<div class="row"> <div class="row">
<div class="choice"> <div class="choice">
<button class="choiceEl1"></button> <button class="choiceEl1"></button>
<button class="choiceEl2"></button> <button class="choiceEl2"></button>
<button class="choiceEl3"></button> <button class="choiceEl3"></button>
<button class="choiceEl4"></button> <button class="choiceEl4"></button>
</div> </div>
<div class="results"> <div class="results">
<button class="result"></button> <button class="result"></button>
<button class="result"></button> <button class="result"></button>
<button class="result"></button> <button class="result"></button>
<button class="result"></button> <button class="result"></button>
</div> </div>
</div>
<div class="row">
<div class="choice">
<button class="choiceEl1"></button>
<button class="choiceEl2"></button>
<button class="choiceEl3"></button>
<button class="choiceEl4"></button>
</div>
<div class="results">
<button class="result"></button>
<button class="result"></button>
<button class="result"></button>
<button class="result"></button>
</div>
</div>
<div class="row">
<div class="choice">
<button class="choiceEl1"></button>
<button class="choiceEl2"></button>
<button class="choiceEl3"></button>
<button class="choiceEl4"></button>
</div> </div>
<div class="results"> <div class="row">
<button class="result"></button> <div class="choice">
<button class="result"></button> <button class="choiceEl1"></button>
<button class="result"></button> <button class="choiceEl2"></button>
<button class="result"></button> <button class="choiceEl3"></button>
<button class="choiceEl4"></button>
</div>
<div class="results">
<button class="result"></button>
<button class="result"></button>
<button class="result"></button>
<button class="result"></button>
</div>
</div> </div>
</div> <div class="row">
<div class="row"> <div class="choice">
<div class="choice"> <button class="choiceEl1"></button>
<button class="choiceEl1"></button> <button class="choiceEl2"></button>
<button class="choiceEl2"></button> <button class="choiceEl3"></button>
<button class="choiceEl3"></button> <button class="choiceEl4"></button>
<button class="choiceEl4"></button> </div>
</div> <div class="results">
<div class="results"> <button class="result"></button>
<button class="result"></button> <button class="result"></button>
<button class="result"></button> <button class="result"></button>
<button class="result"></button> <button class="result"></button>
<button class="result"></button> </div>
</div> </div>
</div> <div class="row">
<div class="row"> <div class="choice">
<div class="choice"> <button class="choiceEl1"></button>
<button class="choiceEl1"></button> <button class="choiceEl2"></button>
<button class="choiceEl2"></button> <button class="choiceEl3"></button>
<button class="choiceEl3"></button> <button class="choiceEl4"></button>
<button class="choiceEl4"></button> </div>
<div class="results">
<button class="result"></button>
<button class="result"></button>
<button class="result"></button>
<button class="result"></button>
</div>
</div> </div>
<div class="results"> <div class="row">
<button class="result"></button> <div class="choice">
<button class="result"></button> <button class="choiceEl1"></button>
<button class="result"></button> <button class="choiceEl2"></button>
<button class="result"></button> <button class="choiceEl3"></button>
<button class="choiceEl4"></button>
</div>
<div class="results">
<button class="result"></button>
<button class="result"></button>
<button class="result"></button>
<button class="result"></button>
</div>
</div> </div>
</div> <div class="row">
<div class="row"> <div class="choice">
<div class="choice"> <button class="choiceEl1"></button>
<button class="choiceEl1"></button> <button class="choiceEl2"></button>
<button class="choiceEl2"></button> <button class="choiceEl3"></button>
<button class="choiceEl3"></button> <button class="choiceEl4"></button>
<button class="choiceEl4"></button> </div>
<div class="results">
<button class="result"></button>
<button class="result"></button>
<button class="result"></button>
<button class="result"></button>
</div>
</div> </div>
<div class="results">
<button class="result"></button>
<button class="result"></button>
<button class="result"></button>
<button class="result"></button>
</div>
</div>
<div>
</div> </div>
<button id="check" onclick="check()">CHECK!</button> <button id="check" onclick="checkpre()">CHECK!</button>
<script src="app.js" async defer></script> <script src="app.js" async defer></script>
</body> </body>

20
style.css
Unescape View File

@ -15,11 +15,20 @@ html {
padding: 0; padding: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
/* background-color: #000; */
}
.mother {
/* border: solid; */
height: 90%;
display: flex;
flex-direction: column;
justify-content: space-evenly;
} }
button { button {
width: 20px; width: 35px;
height: 20px; height: 35px;
border-radius: 40%; border-radius: 40%;
} }
@ -27,7 +36,7 @@ button {
border: solid; border: solid;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
height: 60px; height: 15%;
width: 90%; width: 90%;
justify-content: space-evenly; justify-content: space-evenly;
margin-left: 5%; margin-left: 5%;
@ -99,3 +108,8 @@ button {
left: 2%; left: 2%;
border-radius: 30px; border-radius: 30px;
} }
.disabledbutton {
pointer-events: none;
opacity: 0.4;
}
Write Preview
Loading…
Cancel
Save