DEV: prueba 3 de switch button

static/js/windowHandler.js

@@ -1,4 +1,5 @@
 class WindowHandler{
+  //en este se hacen los cambios visuales
     constructor(){
         this.chatbox = $("#chat");
         this.template = $('<div class="message"><div><p></p></div></div>');
@@ -18,6 +19,12 @@ class WindowHandler{
         $("#input-text").keypress(() => this.recalcularTextarea());
         $("#input-text").keyup(() => this.recalcularTextarea());
         $("#input-text").keydown(() => this.recalcularTextarea());
+        
+        
+      $("#input-activar").change((event) => this.toggleSwitch(event));
+        
+        
+        
         this.cargarChat(chatH.convesacion);
 
         $(document).on("precarga:inicio", (event, params) => {
@@ -152,13 +159,13 @@ class WindowHandler{
 
 
     }
+  toggleSwitch(event) {
+    let checkBox = event.currentTarget;
+  if (checkBox.checked) {
+    console.log("Switch is turned on.");
+  } else {
+    console.log("Switch is turned off.");
+  }
+}
 
 }
-function toggleSwitch() {
-    let checkBox = document.querySelector(".switch input[type='checkbox']");
-    if (checkBox.checked) {
-      console.log("Switch is turned on.");
-    } else {
-      console.log("Switch is turned off.");
-    }
-  }

static/main.html

@@ -19,7 +19,7 @@
       <textarea class='input-text' id='input-text' placeholder="Type something" type="text" autofocus=""></textarea>
       <button class='input-send' id='input-send' ></button>
       <label class="switch">
-        <input type="checkbox" onchange="toggleSwitch()">
+        <input type="checkbox" id="input-activar">
         <span class="slider round"></span>
       </label>
       <button class='input-delete' id='input-delete' ></button>