feat: generate points on click

#24 (comment)

docs/assets/uncertainty/uncertainty.css

@@ -1,6 +1,16 @@
 #click_box {
-    width: 200px;
-    height: 200px;
+    width: 500px;
+    height: 500px;
     border: 1px solid black;
     cursor: pointer;
+    position: relative;
+}
+
+.datapoint {
+    height:10px;
+    width: 10px;
+    background-color: #4051b5;
+    border-radius: 50%;
+    display: inline-block;
+    position: absolute;
 }

docs/assets/uncertainty/uncertainty.js

@@ -3,4 +3,13 @@ function addPoint(e) {
     var x = e.clientX - rect.left;
     var y = e.clientY - rect.top;
     console.log(x + ", " + y);
+
+    const datapoint = document.createElement("span");
+    datapoint.classList.add("datapoint");
+
+    const parent = document.getElementById("click_box");
+    parent.appendChild(datapoint);
+
+    datapoint.style.left = x + 'px';
+    datapoint.style.top = y + 'px';
 }