diff --git a/docs/assets/uncertainty/uncertainty.css b/docs/assets/uncertainty/uncertainty.css
new file mode 100644
index 0000000..9682f14
--- /dev/null
+++ b/docs/assets/uncertainty/uncertainty.css
@@ -0,0 +1,6 @@
+#click_box {
+    width: 200px;
+    height: 200px;
+    border: 1px solid black;
+    cursor: pointer;
+}
\ No newline at end of file
diff --git a/docs/assets/uncertainty/uncertainty.js b/docs/assets/uncertainty/uncertainty.js
new file mode 100644
index 0000000..50b4746
--- /dev/null
+++ b/docs/assets/uncertainty/uncertainty.js
@@ -0,0 +1,6 @@
+function addPoint(e) {
+    var rect = e.target.getBoundingClientRect();
+    var x = e.clientX - rect.left;
+    var y = e.clientY - rect.top;
+    console.log(x + ", " + y);
+}
\ No newline at end of file
diff --git a/docs/mvc.md b/docs/mvc.md
index 3621895..d49406d 100644
--- a/docs/mvc.md
+++ b/docs/mvc.md
@@ -107,4 +107,4 @@ 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>
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
index 238a23e..90d894b 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -48,12 +48,14 @@ extra_javascript:
   - https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.7/contrib/auto-render.min.js
   - assets/ADC_slider/ADC_slider.js
   - assets/run_button/run_button.js
+  - assets/uncertainty/uncertainty.js
 
 extra_css:
   - https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.16.7/katex.min.css
   - stylesheets/extra.css
   - assets/ADC_slider/ADC_slider.css
   - assets/run_button/run_button.css
+  - assets/uncertainty/uncertainty.css
 
 nav:
   - index.md