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. 55
      app.js
  2. 88
      index.html

55
app.js
Unescape View File

@ -1,5 +1,5 @@
var riddle = ["var(--yellow)", "var(--green)", "var(--green)", "var(--red)"]
var turn = 0
var n1 = 0
var n2 = 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)"]
document.getElementById("choiceEl1").addEventListener("click", function() {
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.getElementById("choiceEl2").addEventListener("click", function() {
document.getElementsByClassName("choiceEl2")[turn].addEventListener("click", function() {
this.style.background = colors[n1]
current[1] = colors[n1]
n1++
if (n1 == 7) {
n1 = 0
}
})
})
document.getElementById("choiceEl3").addEventListener("click", function() {
document.getElementsByClassName("choiceEl3")[turn].addEventListener("click", function() {
this.style.background = colors[n2]
current[2] = colors[n2]
n2++
if (n2 == 7) {
n2 = 0
}
})
})
document.getElementById("choiceEl4").addEventListener("click", function() {
document.getElementsByClassName("choiceEl4")[turn].addEventListener("click", function() {
this.style.background = colors[n3]
current[3] = colors[n3]
n3++
if (n3 == 7) {
n3 = 0
}
})
})
}
go()
function shuffle() {
let array = [0, 1, 2, 3]
@ -76,10 +79,36 @@ function check() {
for (let solve = 0; solve < 4; solve++) {
r = newShuffle[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])) {
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>
<!-- <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="choice">
<button id="choiceEl1"></button>
<button id="choiceEl2"></button>
<button id="choiceEl3"></button>
<button id="choiceEl4"></button>
<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 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>

Write Preview
Loading…
Cancel
Save