diff --git a/1-javascript-drum-kit/js-drum-kit.html b/1-javascript-drum-kit/js-drum-kit.html index d808459..c1a10f6 100644 --- a/1-javascript-drum-kit/js-drum-kit.html +++ b/1-javascript-drum-kit/js-drum-kit.html @@ -66,9 +66,14 @@ }); + function removingTransition (e) { + if (e.propertyName !== 'transform') return + + console.log(e.property); + } + const keys = document.querySelectorAll('.key'); - keys.forEach(key => keys.addEventListener('transitionend',) - ); + keys.forEach(key => keys.addEventListener('transitionend', removeTransition)); diff --git a/README.md b/README.md index e46aa15..032d918 100644 --- a/README.md +++ b/README.md @@ -1,28 +1,30 @@ # javascript-30 + [30 Day Vanilla JS Coding Challenge](https://javascript30.com) No Frameworks × No Compilers × No Libraries × No Boilerplate [wesbos repository - JavaScript30](https://github.com/wesbos/JavaScript30) -Marathon de 30 mini-projets en JavaScript pur. +Marathon de 30 mini-projets en JavaScript pur. +L'auteur du challenge veut qu'on prenne l'habitude de saisir chaque temps libre possible pour faire une tache ici ou la. Donc, pas necessairement rusher tout d'un coup. -## 1 - JavaScript Drum Kit (10-? mars 2019) +Chacun a une methode differente d'apprendre, c'est a soi de voir ce qui fonctionne le mieux (cela nous aidera le mieux) : +- on peut visionner la video d'un coup puis faire le projet directement, +- on peut voir la video par petits bouts avec du recul, +- on peut voir des extraits et coder tout seul la suite lorsqu'on a compris, +- enfin, on peut faire du mimetisme, bout par bout, en codant en meme temps que l'auteur (recommande) +Il y a differentes manieres d'accomplir les mini-projets. C'est normal d'essayer autrement. -### 1.1 Objectif +## 1 - JavaScript Drum Kit (10-? mars 2019) +### 1.1 Objectif +Realiser une batterie virtuelle sur une page HTML... en JavaScript. Chaque touche est associee a un son et le declenchement d'evenements par des scripts lance le son correspondant. ### 1.2 Logs - - ### 1.3 Resultat - - ### 1.4 Acquisitions - - -