aboutsummaryrefslogtreecommitdiff
path: root/src/lib/dom.ts
diff options
context:
space:
mode:
authorJoris2022-07-04 11:32:27 +0200
committerJoris2022-07-04 19:36:37 +0200
commitfade87173afbfdd51534646ed49844efa2d0e530 (patch)
tree54e8d5d81233fa5f3d1ba60fd8c3085252ebccc4 /src/lib/dom.ts
parentce7722c901776ae8f6a64882e902e8ba851411e0 (diff)
downloadchords-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.ts15
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)
+}