From 629247162c22f54433e78498ac27dc87e53c1c8c Mon Sep 17 00:00:00 2001
From: Jonathan Hervieux <jonathan.hervieux@cartier.com>
Date: Wed, 27 Sep 2023 22:33:08 +0200
Subject: [PATCH] fix: go back button has always the right behaviour
---
model-viewer/index.html | 28 ++++++++++++++++++----------
1 file changed, 18 insertions(+), 10 deletions(-)
diff --git a/model-viewer/index.html b/model-viewer/index.html
index e2191209..3c31df9a 100644
--- a/model-viewer/index.html
+++ b/model-viewer/index.html
@@ -109,11 +109,15 @@
</div>
</model-viewer>
<script>
- const back1 = document.getElementById("back-one");
- back1.addEventListener("click", () => {
- document.querySelector("#welcome-page").style.display = "flex";
- document.querySelector("#model-one").remove();
- });
+ function addBackButtonEventListener() {
+ const backButtonNode = document.getElementById("back-one");
+ backButtonNode.addEventListener("click", () => {
+ document.querySelector("#welcome-page").style.display = "flex";
+ document.querySelector("#model-one").remove();
+ });
+ }
+
+ addBackButtonEventListener();
</script>
</template>
<template id="template-two">
@@ -137,11 +141,15 @@
</div>
</model-viewer>
<script>
- const back2 = document.getElementById("back-two");
- back2.addEventListener("click", () => {
- document.querySelector("#welcome-page").style.display = "flex";
- document.querySelector("#model-two").remove();
- });
+ function addBackButtonEventListener() {
+ const backButtonNode = document.getElementById("back-two");
+ backButtonNode.addEventListener("click", () => {
+ document.querySelector("#welcome-page").style.display = "flex";
+ document.querySelector("#model-two").remove();
+ });
+ }
+
+ addBackButtonEventListener();
</script>
</template>
<div class="container background" id="welcome-page">
--
GitLab