Perdóneme si esta es una pregunta realmente estúpida, pero aún no he encontrado ninguna respuesta, o tal vez no sé qué es lo correcto para preguntar.
Teniendo en cuenta los siguientes archivos que forman parte del mismo proyecto:
(y un MyProject.py que se ejecuta en el servidor para que las cosas sucedan)
. . . donde los tres de estos elementos están relacionados y en realidad son parte de un solo proyecto y necesitan integrarse juntos.
La parte "html" del código VS se asegura de que el html sea correcto.
La parte "css" del código VS se asegura de que el css sea correcto.
la parte de JavaScript del código VS se asegura de que javascript sea correcto.
Sin embargo, es posible que no sean correctos juntos como un todo unificado; es posible que haya cambiado algo en el javascript que hace referencia a algo en el html que aún no existe, porque olvidé escribirlo y no lo descubro hasta que lo lanzo. las cosas y veo cómo la página web se pone en forma de pera de formas que nunca había oído antes.
¿Hay algo que tome todas estas piezas y diga "¡Oye! Cambiaste la definición de este elemento aquí en Javascript pero no en HTML (o CSS o lo que sea)
En otras palabras, no solo quiero saber si los archivos individuales son sintácticamente correctos, sino si concuerdan entre sí.
Si hay un "algo" que hace esto, ¿cómo se llama?
Esa herramienta nunca existirá y, por buenas razones, ralentizaría enormemente su computadora al programar y no sería una buena práctica. Aunque es genial, es mejor escribir código de manera efectiva y no tener un editor de código lento. Entonces, esa sugerencia es escribir su JavaScript y HTML juntos de la mano; vista dividida y nunca tendrás un problema. CSS puede entrar en juego en cualquier momento.
Su mejor opción para saber si el código es correcto sería un linter, pero eso no lo ayudará con los problemas que enfrenta si está llamando a elementos que no existen o si desea mejorar la forma en que codifica estas funciones. /eventos.
Según lo solicitado, presentado como respuesta para el OP.