First interface test with a counter increment

2 years ago · cdbdc9278f
parent e2a2bed6e2
commit cdbdc9278f
2 changed files with 46 additions and 0 deletions
--- a/www/counter/index.html
+++ b/www/counter/index.html
@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <script src="index.js"></script>
+    <title>Counter</title>
+</head>
+<body onload="initCounter()">
+
+<div id="page">
+    <label>Compteur : </label>
+    <label id="counter">{0}</label>
+    <button id="increment" onclick="makeIncrement()">Incrémenter</button>
+</div>
+
+<script src="/cordova.js"></script>
+</body>
+</html>
--- a/www/counter/index.js
+++ b/www/counter/index.js
@ -0,0 +1,28 @@
+let counter = 0;
+
+function updateText() {
+    document.getElementById("counter").innerHTML = counter
+}
+
+async function makeIncrement() {
+    fetch("http://localhost:48485/counter", {method: 'POST'})
+        .then(response => { //TODO verify if it's not an error
+            counter++
+            updateText()
+        })
+}
+
+function initCounter() {
+    fetch("http://localhost:48485/counter", {method: 'GET'})
+        .then(response => {
+            if (response.ok) {
+                console.log("response is ok")
+            }
+            console.log(response)
+            return response.json()
+        })
+        .then(json => {
+            counter = json.value
+            updateText()
+        })
+}