feat: dont render points when outside box

#24 (comment)
NatuurkundePracticumAmsterdam · Jul 13, 2024 · 95141a0 · 95141a0
1 parent e20bedb
commit 95141a0
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/docs/assets/uncertainty/uncertainty.css b/docs/assets/uncertainty/uncertainty.css
@@ -13,4 +13,11 @@
     border-radius: 50%;
     display: inline-block;
     position: absolute;
+}
+
+.border_zone {
+    outline: 10px solid white;
+    width: 500px;
+    height: 500px;
+    position: relative;
 }
diff --git a/docs/assets/uncertainty/uncertainty.js b/docs/assets/uncertainty/uncertainty.js
@@ -12,4 +12,6 @@ function addPoint(e) {
 
     datapoint.style.left = x - 6 + 'px';
     datapoint.style.top = y - 6 + 'px';
+
+    datapoint.style.zIndex = -1;
 }
diff --git a/docs/mvc.md b/docs/mvc.md
@@ -107,4 +107,6 @@ Het oorspronkelijke script dat je gebruikte voor je meting is steeds leger gewor
     1. Overleg met je groepje en maak een plan hoe jullie de code gaan aanpassen om onzekerheid in te bouwen. Schrijf nog geen code op je computer maar schrijf de stappen uit met papier en pen. Het is dan veel makkelijker om te overleggen en na te denken. Welke delen van het programma moeten worden aangepast?
     1. Gebruik het plan om je eigen code aan te passen en test dat het werkt.
 
-<div id="click_box" onclick="addPoint(event)"></div>
+<div class="border_zone">
+    <div id="click_box" onclick="addPoint(event)"></div>
+</div>