Skip to content

Commit cd774a4

Browse files
SheaCloseSheaClose
committed
added touch
1 parent 790cbc7 commit cd774a4

File tree

1 file changed

+120
-1
lines changed

1 file changed

+120
-1
lines changed

‎1MYDrumkit/drums.js‎

Lines changed: 120 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,125 @@ function playSound(e) {
99
audio.play();
1010
keyDiv.classList.add("keyshadow")
1111
setTimeout(()=>{keyDiv.classList.remove("keyshadow")},100)
12-
console.log(keyDiv);
1312
}
13+
14+
const div65 = document.getElementById(65)
15+
const div83 = document.getElementById(83)
16+
const div68 = document.getElementById(68)
17+
const div70 = document.getElementById(70)
18+
const div71 = document.getElementById(71)
19+
const div72 = document.getElementById(72)
20+
const div74 = document.getElementById(74)
21+
const div75 = document.getElementById(75)
22+
const div76 = document.getElementById(76)
23+
24+
div65.addEventListener("click", function(e) {
25+
const key = this.id
26+
, audio = document.querySelector(`audio[id="${key}"]`)
27+
, keyDiv = document.getElementById(key)
28+
if (!audio) {
29+
return;
30+
}
31+
audio.currentTime = 0;
32+
audio.play();
33+
keyDiv.classList.add("keyshadow")
34+
setTimeout(()=>{keyDiv.classList.remove("keyshadow")},100)
35+
});
36+
div83.addEventListener("click", function() {
37+
const key = this.id
38+
, audio = document.querySelector(`audio[id="${key}"]`)
39+
, keyDiv = document.getElementById(key)
40+
if (!audio) {
41+
return;
42+
}
43+
audio.currentTime = 0;
44+
audio.play();
45+
keyDiv.classList.add("keyshadow")
46+
setTimeout(()=>{keyDiv.classList.remove("keyshadow")},100)
47+
});
48+
div68.addEventListener("click", function() {
49+
const key = this.id
50+
, audio = document.querySelector(`audio[id="${key}"]`)
51+
, keyDiv = document.getElementById(key)
52+
if (!audio) {
53+
return;
54+
}
55+
audio.currentTime = 0;
56+
audio.play();
57+
keyDiv.classList.add("keyshadow")
58+
setTimeout(()=>{keyDiv.classList.remove("keyshadow")},100)
59+
});
60+
div70.addEventListener("click", function() {
61+
const key = this.id
62+
, audio = document.querySelector(`audio[id="${key}"]`)
63+
, keyDiv = document.getElementById(key)
64+
if (!audio) {
65+
return;
66+
}
67+
audio.currentTime = 0;
68+
audio.play();
69+
keyDiv.classList.add("keyshadow")
70+
setTimeout(()=>{keyDiv.classList.remove("keyshadow")},100)
71+
});
72+
div71.addEventListener("click", function() {
73+
const key = this.id
74+
, audio = document.querySelector(`audio[id="${key}"]`)
75+
, keyDiv = document.getElementById(key)
76+
if (!audio) {
77+
return;
78+
}
79+
audio.currentTime = 0;
80+
audio.play();
81+
keyDiv.classList.add("keyshadow")
82+
setTimeout(()=>{keyDiv.classList.remove("keyshadow")},100)
83+
});
84+
div72.addEventListener("click", function() {
85+
const key = this.id
86+
, audio = document.querySelector(`audio[id="${key}"]`)
87+
, keyDiv = document.getElementById(key)
88+
if (!audio) {
89+
return;
90+
}
91+
audio.currentTime = 0;
92+
audio.play();
93+
keyDiv.classList.add("keyshadow")
94+
setTimeout(()=>{keyDiv.classList.remove("keyshadow")},100)
95+
});
96+
div74.addEventListener("click", function() {
97+
const key = this.id
98+
, audio = document.querySelector(`audio[id="${key}"]`)
99+
, keyDiv = document.getElementById(key)
100+
if (!audio) {
101+
return;
102+
}
103+
audio.currentTime = 0;
104+
audio.play();
105+
keyDiv.classList.add("keyshadow")
106+
setTimeout(()=>{keyDiv.classList.remove("keyshadow")},100)
107+
});
108+
div75.addEventListener("click", function() {
109+
const key = this.id
110+
, audio = document.querySelector(`audio[id="${key}"]`)
111+
, keyDiv = document.getElementById(key)
112+
if (!audio) {
113+
return;
114+
}
115+
audio.currentTime = 0;
116+
audio.play();
117+
keyDiv.classList.add("keyshadow")
118+
setTimeout(()=>{keyDiv.classList.remove("keyshadow")},100)
119+
});
120+
div76.addEventListener("click", function() {
121+
const key = this.id
122+
, audio = document.querySelector(`audio[id="${key}"]`)
123+
, keyDiv = document.getElementById(key)
124+
if (!audio) {
125+
return;
126+
}
127+
audio.currentTime = 0;
128+
audio.play();
129+
keyDiv.classList.add("keyshadow")
130+
setTimeout(()=>{keyDiv.classList.remove("keyshadow")},100)
131+
});
132+
14133
window.addEventListener("keydown", playSound)

0 commit comments

Comments
 (0)