Use CSS for filtering the view

[vopamoi] / index.html
diff --git a/index.html b/index.html

index 5ed2498f3bb48f3fc5c43e69de271cd9305a6864..845300711280e786ea81280896edbb2f2a321406 100644 (file)
--- a/index.html
+++ b/index.html
@@ -2,10 +2,11 @@
  <html>
    <head>
      <script src="vopamoi.js" defer="true"></script>
  <html>
    <head>
      <script src="vopamoi.js" defer="true"></script>
+    <link rel="stylesheet" href="vopamoi.css"/>
+    <style id="viewStyle">.task:not([data-state=todo]) { display: none }</style>
    </head>
    <body onload="browserInit();">
    </head>
    <body onload="browserInit();">
-    <form onsubmit="return browserCreateTask(this);">
-      <input name="taskName">
-    </form>
+    <input id="taskName" name="taskName">
+    <div id="tasks"></div>
    </body>
  </html>
    </body>
  </html>