From 552481299abfc9896dfa8aa52ce565f2cd222fdf Mon Sep 17 00:00:00 2001
From: Philipp Pospischil <philipp.pospischil@univie.ac.at>
Date: Sun, 13 Apr 2025 15:51:26 +0200
Subject: [PATCH] fix: AnkiDroid compatibility with class instead of ID

---
 animation.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 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()
+}
-- 
GitLab