Conditionally instantiate `DebugForm

Author: acsany

build-a-rest-api-frontend/source_code_final/static/js/index.js

@@ -5,8 +5,10 @@ import { DebugForm } from "./debug.js";
 function main() {
   new People();
   new Notes();
-  const debug = new DebugForm();
-  debug.showResponse("");
+  if (document.querySelector(".debug-card")) {
+    const debug = new DebugForm();
+    debug.showResponse("");
+  }
 }
 
 main();

build-a-rest-api-frontend/source_code_step_3/static/js/index.js

@@ -1,8 +1,10 @@
 import { DebugForm } from "./debug.js";
 
 function main() {
-  const debug = new DebugForm();
-  debug.showResponse("");
+  if (document.querySelector(".debug-card")) {
+    const debug = new DebugForm();
+    debug.showResponse("");
+  }
 }
 
 main();

build-a-rest-api-frontend/source_code_step_4/static/js/index.js

@@ -3,8 +3,10 @@ import { DebugForm } from "./debug.js";
 
 function main() {
   new People();
-  const debug = new DebugForm();
-  debug.showResponse("");
+  if (document.querySelector(".debug-card")) {
+    const debug = new DebugForm();
+    debug.showResponse("");
+  }
 }
 
 main();

build-a-rest-api-frontend/source_code_step_5/static/js/index.js

@@ -5,8 +5,10 @@ import { DebugForm } from "./debug.js";
 function main() {
   new People();
   new Notes();
-  const debug = new DebugForm();
-  debug.showResponse("");
+  if (document.querySelector(".debug-card")) {
+    const debug = new DebugForm();
+    debug.showResponse("");
+  }
 }
 
 main();