Voilà je suis en train de créer un petit jeu pour m'entrainer et je me rend compte qu'à chaque fois qu'un nouvel évènement se passe je vais devoir recréer un .html, j'ai cherché sur le net ça parle d'Ajax pour actualiser seulement une <div> de notre index.html mais j'ai pas trop compris comment avec Ajax on a pas besoin de créer nouveau .html à chaque évènement.

Ça dépend du but final recherché. Ajax ça va être pour faire une requête et aller chercher des données à l'extérieur pour les afficher ensuite. Dans le cas de ton jeu j'aurai tendance à penser que c'est pas ce vers quoi tu vas te tourner mais plus des évènements (clic par exemple). Après sans plus d'infos dur d'être plus spécifique.

C'est ça y a que du clic dans mon jeu, mon html css c'est une grid de 6 <div>, sur les 6 y a 1 <div> ou l'action se passe et j'aimerais que seul cette div change a chaque événement et pas devoir générer une nouvelle page à chaque fois.

C'est purement pour m'entrainer

Ton message n'est pas très clair, est-ce que tu pourrais préciser ce que tu essaie de faire ?
Il n'y a certainement pas besoin de créer de nouveaux html comme tu dis.

go te renseigner sur la propriété InnerHtml
https://developer.mozillala.org/fr/docs/Web/API/Element

tu peux injecter dynamiquement ton html sous une chaîne de caractères avec les valeurs qu'il te faut depuis le js, après ça ce sera pris en compte dans le DOM

Ajax c'est pas du tout ce que tu as dit
https://developer.mozillailla.org/fr/docs/Glossary/AJAX

C'est exactement ce que je cherchais, merci.