From f85518bea798c5d3d79c35542c37a5bd0e7f25d3 Mon Sep 17 00:00:00 2001
From: zenf <78023279+zencodee@users.noreply.github.com>
Date: Wed, 13 Jul 2022 05:09:58 +0530
Subject: [PATCH] first
---
app.js | 31 ++++++++++++++++++++++++++++++
index.html | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
2 files changed, 87 insertions(+)
create mode 100644 app.js
create mode 100644 index.html
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..50241e0
--- /dev/null
+++ b/app.js
@@ -0,0 +1,31 @@
+console.log('i am in')
+
+const colorArr = ['t-red', 't-green', 't-blue']
+const keyboard = document.getElementById('keyboard')
+const book = document.getElementById('book')
+const h1 = document.querySelector('h1')
+
+let n = 0
+let c = 0
+
+//change the image in set intervals
+setInterval(() => {
+ if (n < colorArr.length) {
+ console.log(colorArr[n])
+ //remove all class from keyboard
+ keyboard.classList.remove(...colorArr)
+ keyboard.classList.add(colorArr[n])
+ book.classList.remove(...colorArr)
+ book.classList.add(colorArr[n])
+ if (n === colorArr.length - 1) {
+ n = 0
+ } else {
+ n++
+ }
+ }
+}, 1000)
+
+// setInterval(() => {
+// h1.innerText = `${c}`
+// c++
+// }, 1000)
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..399f036
--- /dev/null
+++ b/index.html
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+.-----------------------------------------------------------------------------.
+||Es| |F1 |F2 |F3 |F4 |F5 | |F6 |F7 |F8 |F9 |F10| C= AMIGA |
+||__| |___|___|___|___|___| |___|___|___|___|___| |
+| _____________________________________________ ________ ___________ |
+||~ |! |" |§ |$ |% |& |/ |( |) |= |? |` || |<-| |Del|Help| |{ |} |/ |* | |
+||`__|1_|2_|3_|4_|5_|6_|7_|8_|9_|0_|ß_|´_|\_|__| |___|____| |[ |]_|__|__| |
+||<- |Q |W |E |R |T |Z |U |I |O |P |Ü |* | || |7 |8 |9 |- | |
+||->__|__|__|__|__|__|__|__|__|__|__|__|+_|_ || |__|__|__|__| |
+||Ctr|oC|A |S |D |F |G |H |J |K |L |Ö |Ä |^ |<'| |4 |5 |6 |+ | |
+||___|_L|__|__|__|__|__|__|__|__|__|__|__|#_|__| __ |__|__|__|__| |
+||^ |> |Y |X |C |V |B |N |M |; |: |_ |^ | |A | |1 |2 |3 |E | |
+||_____|<_|__|__|__|__|__|__|__|,_|._|-_|______| __||_|__ |__|__|__|n | |
+| |Alt|A | |A |Alt| |<-|| |->| |0 |. |t | |
+| |___|___|_______________________|___|___| |__|V_|__| |_____|__|e_| |
+| |
+`-----------------------------------------------------------------------------'
+
+
+ __..._ _...__
+ _..-" `Y` "-._
+ \ Once upon | /
+ \\ a time..| //
+ \\\ | ///
+ \\\ _..---.|.---.._ ///
+jgs \\`_..---.Y.---.._`//
+ '` `'
+
+ 0
+
+
+