Tengo un proyecto y debo cargar JS justo después de abrir la etiqueta del body y antes de cargar cualquier objeto.
Lo uso de esta manera, pero quiero saber si hay una mejor manera posible para un código limpio o cualquier otra cosa.
<html> <head> ....... </head> <body> <script src="./js/checkRtl.js"></script> <h1>Hello World</h1> // OTHER COMPONENTS </body> </html>checkRtl.js contiene
const lang = localStorage.getItem('userLanguage') || "en"; if (lang !== 'en') document.body.classList.add("rtl"); aquí uso la etiqueta del cuerpo en el archivo checkRtl para verificar si es RTL o no, pero solo quiero verificar el cuerpo y luego cargar los objetos solo para que la página no cambie la dirección de los objetos después de que se cargaron.
La forma en que lo estás haciendo actualmente es genial. Si yo fuera tú, lo almacenaría en el encabezado para que sea un poco más limpio, ya que es donde importas las cosas, pero por lo demás está perfectamente bien aquí.