From 2963d358fecd49fd9b140c4df1fea7de04cb5757 Mon Sep 17 00:00:00 2001 From: Rasmus Luha Date: Fri, 6 Jan 2023 23:22:44 +0200 Subject: Sissejuhatus Popup and sonaragastik dif colors --- rannak/mangud/partorg/sonaragastik/index.html | 2 +- rannak/mangud/partorg/sonaragastik/script.js | 35 +++++++++++++++++++++++---- rannak/mangud/partorg/sonaragastik/style.css | 8 ++++++ 3 files changed, 39 insertions(+), 6 deletions(-) (limited to 'rannak/mangud/partorg/sonaragastik') diff --git a/rannak/mangud/partorg/sonaragastik/index.html b/rannak/mangud/partorg/sonaragastik/index.html index 6b82639..f2aabe8 100644 --- a/rannak/mangud/partorg/sonaragastik/index.html +++ b/rannak/mangud/partorg/sonaragastik/index.html @@ -195,7 +195,7 @@ - L + L E T I diff --git a/rannak/mangud/partorg/sonaragastik/script.js b/rannak/mangud/partorg/sonaragastik/script.js index 6151b9e..c08aef8 100644 --- a/rannak/mangud/partorg/sonaragastik/script.js +++ b/rannak/mangud/partorg/sonaragastik/script.js @@ -1,3 +1,9 @@ +document.addEventListener('DOMContentLoaded', () => { + let btn = document.querySelector('.modalButton'); + btn.click(); +}); + + function randomLetters(){ for (let node of document.querySelectorAll("td")) { if (node.textContent != "") continue; @@ -36,11 +42,18 @@ function message(msg, color){ const vastused = ["valuuta", "tuusik", "tsaika", "redis", "plaanimajandus", "rubla", "letialuneKaup", "talongid", "maantee", - "piiritsoon", "defitsiit"] + "piiritsoon", "defitsiit"]; + +const horisontaalis = ["letialuneKaup", "talongid", "maantee", + "piiritsoon", "defitsiit" ]; + let õiged = new Array(); let õigedCounter = 0; function proovi(){ + + let dones = new Array(); + for (let klass of vastused){ const ruudud = document.querySelectorAll("."+klass); @@ -60,18 +73,30 @@ function proovi(){ for (let ruut of ruudud){ ruut.classList.remove("selected"); - ruut.classList.add("done"); - if (ruut.classList.length == 2) + //ruut.classList.add("done"); + + dones.push(ruut); + + if (ruut.classList.length == 1) hetkeKlass = ruut.classList[0]; } - console.log(hetkeKlass); + //console.log("hetkeKlass: ",hetkeKlass); + + for (let el of dones){ + if (horisontaalis.includes(hetkeKlass)) + el.classList.add("doneH"); + else + el.classList.add("doneV"); + } + + //console.log(document.querySelector(".V"+hetkeKlass).classList); document.querySelector(".V"+hetkeKlass).classList.add("done"); if (!õiged.includes(hetkeKlass)) { õiged.push(hetkeKlass); õigedCounter++; - console.log(õigedCounter); + //console.log(õigedCounter); } if (õigedCounter >= 11) moveOnEnable(); diff --git a/rannak/mangud/partorg/sonaragastik/style.css b/rannak/mangud/partorg/sonaragastik/style.css index fa8ec1e..2d86c63 100644 --- a/rannak/mangud/partorg/sonaragastik/style.css +++ b/rannak/mangud/partorg/sonaragastik/style.css @@ -83,6 +83,14 @@ button:disabled{ background-color: lime !important; } +.doneV{ + background-color: #562ABF; +} + +.doneH{ + background-color: #FF0883; +} + .done{ background-color: green; } -- cgit v1.2.3