Add hide report button

dvd101x · Aug 10, 2024 · af80ff4 · af80ff4
1 parent 6ff9eb8
commit af80ff4
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -32,7 +32,7 @@
   const mathWorker = new Worker("mathWorker.js", { type: "classic" });
 </script>
 
-<body x-data="{showCode:true}">
+<body x-data="{showCode:true, showReport:true}">
   <nav class="markdown-body">
     <form name="topBar">
       <button type='button' x-on:click="showCode = !showCode"
@@ -73,15 +73,19 @@
             </optgroup>
           </select>
           <button type="button" id="exampleInsert" name="insertExample">+</button>
+          <button type="button"
+          x-on:click="showReport = !showReport"
+          x-text="showReport ? '>':'<'"
+          x-bind:title="showReport?'hide report':'show report'"></button>
         </fieldset>
       </span>
-
+      
     </form>
   </nav>
 
   <main>
     <div id="INPUT" x-show="showCode"></div>
-    <article id="OUTPUT" class="markdown-body">
+    <article id="OUTPUT" class="markdown-body" x-show="showReport">
     </article>
   </main>
   <script type="module" src="/main.js"> </script>