From 91c1d810fe0924150086b2a4833e67cb13f3e952 Mon Sep 17 00:00:00 2001
From: Philipp Pospischil <philipp.pospischil@univie.ac.at>
Date: Sun, 13 Apr 2025 15:50:32 +0200
Subject: [PATCH] fix: AnkiDroid compatibility with class instead of ID
---
animation.js | 11 ++++++-----
back.html | 11 ++++++-----
2 files changed, 12 insertions(+), 10 deletions(-)
diff --git a/animation.js b/animation.js
index d271d46..9c220bb 100644
--- a/animation.js
+++ b/animation.js
@@ -1,7 +1,8 @@
import HanziWriter from "hanzi-writer"
-const kanji = document.getElementById("kanji").innerText
-
-const hanziWriterContainer = document.getElementById("kanji-animation")
-
-HanziWriter.create(hanziWriterContainer, kanji).animateCharacter()
+for (const kanjiContainer of document.getElementsByClassName("kanji")) {
+ const kanjiText = kanjiContainer.textContent
+ const hanziWriterContainer = document.createElement("div")
+ kanjiContainer.append(hanziWriterContainer)
+ HanziWriter.create(hanziWriterContainer, kanjiText).animateCharacter()
+}
diff --git a/back.html b/back.html
index 5992532..3810e8e 100644
--- a/back.html
+++ b/back.html
@@ -1,11 +1,12 @@
{{FrontSide}}
-<hr id="answer"><hr id="answer"><hr id="answer"><hr id="answer">
+<hr id="answer">
+<hr id="answer">
+<hr id="answer">
+<hr id="answer">
-<div id="kanji">{{Back}}</div>
-
-<div id="kanji-animation"></div>
+<div class="kanji">{{Back}}</div>
<script type="module">
import "./animation.js"
-</script>
+</script>
\ No newline at end of file
--
GitLab