update devtool

index.html

@@ -86,6 +86,12 @@ <h3>Questionnaire Options</h3>
                                 <input class="form-check-input" type="checkbox" role="switch" id="logic"  data-sheet-on="ActiveLogic.css" data-sheet-off="Default.css">
                             </label>
                         </div>
+                        <div>
+                            <label class="form-check form-switch mt-2">
+                                Hide Markup
+                                <input class="form-check-input" type="checkbox" role="switch" id="hide-markup">
+                            </label>
+                        </div>
                     </form>
                     <div class="border flex-grow-1 p-1">
                         <h3>Previous Results</h3>

quest.js

@@ -102,19 +102,6 @@ async function startUp() {
       document.getElementById("pagestyle").setAttribute("href", "Style1.css")
     }
   }
-  /*var q = (location.search + location.hash).replace(/[\#\?]/g, "");
-    if (q.length > 3) {
-      if (!q.startsWith("config")) {
-        ta.value = await (await fetch(q.split("&")[0])).text(); // getting the first of markup&css
-      } else {
-        moduleParams.config = config;
-        ta.value = await (await fetch(config.markdown)).text();
-      }
-      ta.onkeyup();
-    }
-  ta.style.width =
-    parseInt(ta.parentElement.style.width.slice(0, -1)) - 5 + "%";
-*/
   document.getElementById("increaseSizeButton").onclick = increaseSize;
   document.getElementById("decreaseSizeButton").onclick = decreaseSize;
   document.getElementById("clearMem").addEventListener("click",clearLocalForage)
@@ -221,11 +208,16 @@ document.getElementById("viewCache").addEventListener("click",()=>{
 
 window.onload = function () {
   startUp();
-  document.querySelectorAll('input.form-check-input').forEach( (el) => {
+  document.querySelectorAll('#logic,#styling').forEach( (el) => {
     el.addEventListener("change",(event)=>{
       console.log(event.target.id,event.target.checked)
       questLF.setItem(event.target.id,event.target.checked)
       setStylingAndLogic()
     })
   })
+  document.querySelector("#hide-markup").addEventListener("change",(event)=>{
+    console.log(event.target.checked)
+    document.getElementById("markup").style.display=(event.target.checked)?"none":"initial"
+    document.getElementById("renderText").style.display=(event.target.checked)?"none":"initial"
+  })
 };