FilesExpand file tree

main

/

script.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

18 lines (13 loc) · 529 Bytes

main

/

script.js

Copy path

Top

File metadata and controls

• Code
• Blame

18 lines (13 loc) · 529 Bytes

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

document.addEventListener("keydown", (e) => {

const audio = document.querySelector(`audio[data-key="${e.key.toLowerCase()}"`)

if(!audio) return;

audio.currentTime = 0;

audio.play();

const div = document.querySelector(`div[data-key="${e.key.toLowerCase()}"]`)

div.classList.add("playing");

});

let keys = document.querySelectorAll(".key");

keys.forEach( key => key.addEventListener("transitionend", (e) => {

if(e.propertyName !== "transform") return;

e.target.classList.remove("playing");

}))