diff options
author | Joris | 2022-07-04 11:32:27 +0200 |
---|---|---|
committer | Joris | 2022-07-04 19:36:37 +0200 |
commit | fade87173afbfdd51534646ed49844efa2d0e530 (patch) | |
tree | 54e8d5d81233fa5f3d1ba60fd8c3085252ebccc4 /src/lib/dom.ts | |
parent | ce7722c901776ae8f6a64882e902e8ba851411e0 (diff) | |
download | chords-fade87173afbfdd51534646ed49844efa2d0e530.tar.gz chords-fade87173afbfdd51534646ed49844efa2d0e530.tar.bz2 chords-fade87173afbfdd51534646ed49844efa2d0e530.zip |
Play random major and/or minor chords
Diffstat (limited to 'src/lib/dom.ts')
-rw-r--r-- | src/lib/dom.ts | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/lib/dom.ts b/src/lib/dom.ts new file mode 100644 index 0000000..0b6a0ab --- /dev/null +++ b/src/lib/dom.ts @@ -0,0 +1,15 @@ +export function show(elements: Element[]): void { + document.body.innerHTML = '' + elements.forEach(element => document.body.appendChild(element)) +} + +/* Trigger animation in any case. + * + * Trigger reflow between removing and adding the classname. + * See https://css-tricks.com/restart-css-animation/ + */ +export function triggerAnimation(element: HTMLElement, animation: string) { + element.classList.remove(animation) + void element.offsetWidth + element.classList.add(animation) +} |