basic html test

seyacat · Dec 21, 2023 · c29a2f1 · c29a2f1
1 parent 9a09a14
commit c29a2f1
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/test/basictest.html b/test/basictest.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>test</title>
+  </head>
+  <body>
+    <script src="https://seyacat.github.io/reactive/reactive.js"></script>
+    <div id="app">
+      <div id="counter">1</div>
+      <button onclick="global.counter++">REACTIVE</button>
+    </div>
+    <script>
+      const global = Reactive({ counter: 1 });
+      global.subscribe("counter", (data) => {
+        document.getElementById("counter").innerHTML = data.value;
+      });
+      setInterval(() => {
+        global.counter = 0;
+      }, 10000);
+    </script>
+    <!-- built files will be auto injected -->
+  </body>
+</html>