All The Tools You Need To Build A Successful Online Business
window.oncontextmenu = (e)=>{e.preventDefault()}
window.onload = initLoad;
const noteList = [
"As3","As4","As5","A3","A4","A5","Ab3","Ab4","Ab5","Bs3",
"Bs4","Bs5","B3","B4","B5","Bb3","Bb4","Bb5","Cs4","Cs5",
"C4","C5","C6","Cb4","Cb5","Ds4","Ds5","D4","D5","Db4",
"Db5","Es4","Es5","E4","E5","Eb4","Eb5","Fs4","Fs5","F4",
"F5","Fb4","Fb5","Gs3","Gs4","Gs5","G3","G4","G5","Gb4","Gb5"
];
const buttonList = [
"Cs","Ds","Es","Fs","Gs","As","Bs",
"C","D","E","F","G","A","B",
"Cb","Db","Eb","Fb","Gb","Ab","Bb"
];
function initLoad(){
let currIndex, guessNum = 0, guessCorrect = 0, canClick = true;
let buttonHolder = document.querySelector(".button-holder");
for(let i = 0; i < 3; i++){
let newRow = document.createElement("div");
buttonHolder.appendChild(newRow);
newRow.className = "button-row";
for(let j = 0; j < 7; j++){
let index = i*7+j;
let newButton = document.createElement("div");
newButton.style.backgroundImage = "url('./Button Pictures/"+buttonList[index]+".png')";
newButton.className = "button";
newRow.appendChild(newButton);
newButton.onclick = ()=>{
if(canClick && !newButton.children.length){
let correctGuess = false;
let correctNote = noteList[currIndex].slice(0,noteList[currIndex].length-1);
if(buttonList[index] === correctNote) correctGuess = true;
let newMask = document.createElement("div");
if(!correctGuess) newMask.className = "button-mask-wrong";
else newMask.className = "button-mask-right";
newButton.appendChild(newMask);
guessNum++;
if(correctGuess){
let sound = new Audio("./Note Sounds/"+noteList[currIndex]+".wav");
sound.oncanplaythrough = ()=>{sound.play()}
guessCorrect++;
canClick = false;
setTimeout(()=>{
canClick = true;
currIndex = newRound();
},1000);
}
updateStats(guessNum,guessCorrect);
}
}
}
}
currIndex = newRound();
}
function newRound(){
let currIndex = Math.floor(Math.random()*noteList.length);
document.querySelector(".note-image").style.backgroundImage = "url('./Note Pictures/"+noteList[currIndex]+".png')";
let allButtons = document.querySelectorAll(".button");
for(let i = 0; i < allButtons.length; i++){
while(allButtons[i].children.length > 0) allButtons[i].removeChild(allButtons[i].lastChild);
}
return currIndex;
}
function updateStats(guessNum,guessCorrect){
document.querySelector("#tries-count").innerHTML = guessCorrect+"/"+guessNum;
document.querySelector("#tries-percent").innerHTML = Math.floor(guessCorrect/guessNum*100)+"%";
}
All The Tools You Need To Build A Successful Online Business
Lorem ipsum dolor sit amet, metus at rhoncus dapibus, habitasse vitae cubilia odio sed. Mauris pellentesque eget lorem malesuada wisi nec, nullam mus. Mauris vel mauris. Orci fusce ipsum faucibus scelerisque.
