:warning: c0d0er2 already gave gbsimon87 points
:warning: c0d0er2 already gave gbsimon87 points
let handlers = {
onTileClick() {
this.animateTiles();
},
animateTiles(e) {
const tile = e.target;
// add playing class to animate the tile
tile.classList.add("playing");
// play audio on click
const audio = tile.children[0];
// reset audio play on each click
audio.currentTime = 0;
audio.play();
// remove playing class to maintain original state
tile.addEventListener("transitionend", () => { tile.classList.remove("playing"); });
}
};
document.addEventListener('DOMContentLoaded', function() {
const tiles = document.querySelectorAll('button.quarter').forEach(tile => tile.addEventListener('click', handlers.onTileClick));
});
Uncaught TypeError: this.animateTiles is not a function
at HTMLButtonElement.onTileClick (client.js:9)
onTileClick @ client.js:9
:cookie: 335 | @jackedwardlyons |http://www.freecodecamp.com/jackedwardlyons