From 5b8b7971bc2eeb7c158fd4c8194f6339e3d9a3f3 Mon Sep 17 00:00:00 2001
From: Philipp Pospischil <philipp.pospischil@univie.ac.at>
Date: Sat, 12 Apr 2025 16:40:13 +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 f1a5f96..42f8e96 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