Bonjour,

Je suis professeur de mathématiques et je me suis lancé dans la réalisation d'un site internet en Html,css et javascript pour faire du calcul mental en ligne.

J'ai découvert hier que MathML (que j'utilise pour afficher des fractions) n'est supporté que par très peu de navigateurs.

J'ai ensuite trouvé une solution avec MathJax mais, après de nombreuses recherches et essais, impossible d'aboutir.

Je vous explique plus clairement mon problème:

J'ai une fonction js qui crée et insère un calcul mental aléatoire dans ma page HTML en utilisant les balises MathML puis lance un chrono.

J'ai mis dans l'entête de la page HTML:

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script type="text/javascript" id="MathJax-script" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/mml-chtml.js"></script>

mais je voudrais recharger la recherche des balises MathML dans la page à chaque insertion de nouveau contenu.

J'ai vu qu'on pouvait utiliser

Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
MathJax.Hub.Queue(["Typeset",MathJax.Hub]);

mais impossible d'y arriver. La console affiche
MathJax.Hub is undefined
.

Je sollicite donc votre aide car je crois que cela dépasse mes connaissances et je trouve dommage de me passer de l'écriture fractionnaire dans mon calcul mental.

J'espère avoir été clair. N’hésitez pas à me demander davantage d'éléments.

Merci d'avance pour votre aide

Benjamin