From e82d988e298ecd864eee4e02ce6bbe3b6101df0c Mon Sep 17 00:00:00 2001
From: Philipp Pospischil <philipp.pospischil@univie.ac.at>
Date: Sat, 12 Apr 2025 16:40:40 +0200
Subject: [PATCH] fix: dont show old Kanji by adding Kanji to an extra div
 instead of body

---
 animation.js | 4 +---
 back.html    | 2 ++
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/animation.js b/animation.js
index 78ee9f6..d271d46 100644
--- a/animation.js
+++ b/animation.js
@@ -1,9 +1,7 @@
 import HanziWriter from "hanzi-writer"
 
 const kanji = document.getElementById("kanji").innerText
-console.error("kanji: " + kanji)
 
-const hanziWriterContainer = document.createElement("div")
-document.body.appendChild(hanziWriterContainer)
+const hanziWriterContainer = document.getElementById("kanji-animation")
 
 HanziWriter.create(hanziWriterContainer, kanji).animateCharacter()
diff --git a/back.html b/back.html
index d92c07b..5992532 100644
--- a/back.html
+++ b/back.html
@@ -4,6 +4,8 @@
 
 <div id="kanji">{{Back}}</div>
 
+<div id="kanji-animation"></div>
+
 <script type="module">
   import "./animation.js"
 </script>
-- 
GitLab