Nuevo en codificación y nuevo en JavaScript.

Tengo una página web simple donde tengo un menú con diferentes elementos ( por ejemplo, resultados y análisis). Cuando haga clic en uno de los elementos, diga "resultados", quiero que se muestre dentro de la misma página web (sin recargar) una parte de otra página HTML que contiene los resultados, que está en otro archivo . ¿Por qué? Debido a que el contenido de los results será demasiado grande para escribirlo en main.js , el html debe cargarse desde un archivo HTML diferente.

Estoy pensando (pero puede haber otras formas de hacerlo) en importar los results.html con JavaScript con un detector de eventos. Pero no estoy seguro de cómo hacerlo. ¿Con un módulo HTML?