stat board now updates when new entry is submitted

zhaojustin · Feb 17, 2021 · 1d65453 · 1d65453
1 parent 4814e43
commit 1d65453
Showing 1 changed file with 33 additions and 28 deletions.
diff --git a/js/main.js b/js/main.js
@@ -2,38 +2,42 @@
 var d = new Date();
 document.getElementById("date").value = (d.getMonth()+1)+"/"+d.getDate();
 
-// get data
-fetch("https://api.apispreadsheets.com/data/8288/").then(res=>{
-	if (res.status === 200){
-		// SUCCESS
-		res.json().then(data=>{
-			const bobaData = data;
-            console.log(bobaData);
+async function updateStats() {
+    // get data
+    fetch("https://api.apispreadsheets.com/data/8288/").then(res=>{
+        if (res.status === 200){
+            // SUCCESS
+            res.json().then(data=>{
+                const bobaData = data;
+                console.log(bobaData);
 
-            // set length
-            var length = 0;
-            for(var i in bobaData.data) {
-                length++;
-            }
-            document.getElementById("drinks_amount").innerHTML = length;
+                // set length
+                var length = 0;
+                for(var i in bobaData.data) {
+                    length++;
+                }
+                document.getElementById("drinks_amount").innerHTML = length;
 
-            // set total cost
-            var cost = 0;
-            for(var i = 0; i<length; i++) {
-                cost += parseFloat(bobaData.data[i].Price.substring(1));
-            }
-            document.getElementById("total_cost").innerHTML = '$' + cost.toFixed(2);
+                // set total cost
+                var cost = 0;
+                for(var i = 0; i<length; i++) {
+                    cost += parseFloat(bobaData.data[i].Price.substring(1));
+                }
+                document.getElementById("total_cost").innerHTML = '$' + cost.toFixed(2);
 
-            // set recent date
-            var date = bobaData.data[length-1].Date;
-            document.getElementById("recent_time").innerHTML = date;
+                // set recent date
+                var date = bobaData.data[length-1].Date;
+                document.getElementById("recent_time").innerHTML = date;
 
-		}).catch(err => console.log(err))
-	}
-	else{
-		// ERROR
-	}
-})
+            }).catch(err => console.log(err))
+        }
+        else{
+            // ERROR
+        }
+    })
+}
+
+updateStats();
 
 // send information to google sheets
 function sendData() {
@@ -56,6 +60,7 @@ function sendData() {
         data:$("#sendData").serializeArray(),
         success: function(){
           console.log("Form Data Submitted :)")
+          updateStats();
         },
         error: function(){
           alert("There was an error :(")