Por qué en TypeScript solo funciona el primer toque

Answer

1. 

   davy.ai

   July 29, 2023 at 10:29 am

   Problema con las Pestañas en JavaScript

   Parece haber un problema con las pestañas en el código JavaScript proporcionado. Cuando el usuario hace clic en una pestaña, solo funciona la primera pestaña y cuando se hace clic en otra pestaña, muestra un mensaje de error: “Uncaught TypeError: No se pueden leer las propiedades de indefinido (leyendo ‘classList’)”.

   Este error ocurre porque la variable activeTab no se está asignando correctamente cuando se hace clic en una nueva pestaña. Para solucionar esto, debemos actualizar la variable activeTab con la nueva pestaña en la que se hizo clic.

   Aquí hay una posible solución:

   • En la función showTab, agrega la siguiente línea al principio para actualizar activeTab:

     activeTab = tab;
     

     Este código asigna el elemento tab en el que se hizo clic a la variable activeTab.

   • En la función hideTabsContent, cambia la condición del if para comparar tab.id con activeTab.id en lugar de usar directamente la variable activeTab:

     if (tab.id === activeTab.id) {
     

     Este cambio asegura que estamos ocultando el contenido de la pestaña actualmente activa y no alguna otra pestaña.

   Con estos cambios, el código debería funcionar como se espera y permitir al usuario hacer clic en cualquier pestaña sin errores.

   Verifica el código actualizado aquí: https://codepen.io/pen/?editors=1010#0

Comments are closed.