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

multi

Browse Source
main
funix 4 years ago
parent c3fca7fc67
commit 165772f103
2 changed files with 142 additions and 53 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. 107
      app.js
  2. 88
      index.html

107
app.js
Unescape View File

@ -1,5 +1,5 @@
var riddle = ["var(--yellow)", "var(--green)", "var(--green)", "var(--red)"] var riddle = ["var(--yellow)", "var(--green)", "var(--green)", "var(--red)"]
var turn = 0
var n1 = 0 var n1 = 0
var n2 = 0 var n2 = 0
var n3 = 0 var n3 = 0
@ -9,42 +9,45 @@ 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() {
document.getElementsByClassName("choiceEl1")[turn].addEventListener("click", function() {
this.style.background = colors[n0]
current[0] = colors[n0]
n0++
if (n0 == 7) {
n0 = 0
}
})
document.getElementsByClassName("choiceEl2")[turn].addEventListener("click", function() {
this.style.background = colors[n1]
current[1] = colors[n1]
n1++
if (n1 == 7) {
n1 = 0
}
})
document.getElementsByClassName("choiceEl3")[turn].addEventListener("click", function() {
this.style.background = colors[n2]
current[2] = colors[n2]
n2++
if (n2 == 7) {
n2 = 0
}
})
document.getElementsByClassName("choiceEl4")[turn].addEventListener("click", function() {
this.style.background = colors[n3]
current[3] = colors[n3]
n3++
if (n3 == 7) {
n3 = 0
}
})
}
document.getElementById("choiceEl1").addEventListener("click", function() { go()
this.style.background = colors[n0]
current[0] = colors[n0]
n0++
if (n0 == 7) {
n0 = 0
}
})
document.getElementById("choiceEl2").addEventListener("click", function() {
this.style.background = colors[n1]
current[1] = colors[n1]
n1++
if (n1 == 7) {
n1 = 0
}
})
document.getElementById("choiceEl3").addEventListener("click", function() {
this.style.background = colors[n2]
current[2] = colors[n2]
n2++
if (n2 == 7) {
n2 = 0
}
})
document.getElementById("choiceEl4").addEventListener("click", function() {
this.style.background = colors[n3]
current[3] = colors[n3]
n3++
if (n3 == 7) {
n3 = 0
}
})
function shuffle() { function shuffle() {
let array = [0, 1, 2, 3] let array = [0, 1, 2, 3]
@ -76,10 +79,36 @@ function check() {
for (let solve = 0; solve < 4; solve++) { for (let solve = 0; solve < 4; solve++) {
r = newShuffle[solve] r = newShuffle[solve]
if (riddle[solve] == current[solve]) { if (riddle[solve] == current[solve]) {
document.getElementsByClassName("result")[r].style.background = "var(--black)" document.getElementsByClassName("results")[turn].getElementsByClassName("result")[r].style.background = "var(--black)"
} else if (riddle.includes(current[solve])) { } else if (riddle.includes(current[solve])) {
document.getElementsByClassName("result")[r].style.background = "var(--white)" document.getElementsByClassName("results")[turn].getElementsByClassName("result")[r].style.background = "var(--white)"
} }
} }
let areEqual = (first, second) => {
if (first.length !== second.length) {
return false;
};
for (let i = 0; i < first.length; i++) {
if (!second.includes(first[i])) {
return false;
};
};
return true;
};
if (areEqual(current, riddle)) {
alert("win")
}
if (turn == 6) {
alert("stop")
}
turn++
console.log(turn)
if (turn == 6) {
alert("stop")
}
go()
} }

88
index.html
Unescape View File

@ -12,28 +12,88 @@
<body> <body>
<!-- <div class="palette">
<div class="red" onclick="pick('red')"></div>
<div class="blue"></div>
<div class="green"></div>
<div class="yellow"></div>
<div class="orange"></div>
<div class="brown"></div>
</div> -->
<div class="row"> <div class="row">
<div class="choice"> <div class="choice">
<button id="choiceEl1"></button> <button class="choiceEl1"></button>
<button id="choiceEl2"></button> <button class="choiceEl2"></button>
<button id="choiceEl3"></button> <button class="choiceEl3"></button>
<button id="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 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 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 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 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="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>

Write Preview
Loading…
Cancel
Save