Let me address a problem I'm facing with a large development project. It seems that the current setup does not function properly on Internet Explorer. My idea is to only load files that are compatible and do not generate errors when accessed through Internet Explorer, while still allowing full functionality for other browsers. I have a basic logic in mind for this solution, but I am unsure of how to implement it. Any suggestions on achieving this without using pure JavaScript would be greatly appreciated. Thank you.
<script src='app/constantes.js'></script>
<script src='app/controllers.js'></script>
if(!internet explorer)
<script src='app/app.js'></script>
<script src='components/controllers/landing/landingController.js'></script>
<script src='components/controllers/reportes/reportesController.js'></script>
<script src='components/controllers/reportes/reportesReceptorController.js'></script>
<script src='components/controllers/contacto/contactoController.js'></script>
<script src='components/controllers/acerca/acercaController.js'></script>
<script src='components/controllers/loginController.js'></script>
<script src='components/controllers/page404/page404Controller.js'></script>
else
<script src='app/app_internetexplorer.js'></script>
<script src='components/controllers/incompatible/incompatibleController.js'></script>