Skip to content

Commit

Permalink
adding propertyName transform
Browse files Browse the repository at this point in the history
  • Loading branch information
corneliugaina committed Mar 10, 2019
1 parent 6e63681 commit e9e9f13
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 12 deletions.
9 changes: 7 additions & 2 deletions 1-javascript-drum-kit/js-drum-kit.html
Original file line number Diff line number Diff line change
Expand Up @@ -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));
</script>


Expand Down
22 changes: 12 additions & 10 deletions README.md
Original file line number Diff line number Diff line change
@@ -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



0 comments on commit e9e9f13

Please sign in to comment.