JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.algodok.com/AlgoDok.js"></script>
<script src="http://www.algodok.com/MiniMod/Algo-fr.js"></script>
<script src="http://www.algodok.com/MikroMod/Avec-jsfiddle.js"></script>
<!-- Partie documentaire. -->

<p>Voici les résultats :</p><div id="le brouillon"></div>

<p class="remarque">
    On peut utiliser
    <a href="http://www.algodok.com/MATHS/Mathématique algorithmique.html"
       target="Algo"
    >utiliser</a> un environnement plus ciblé, avec de la géométrie dynamique.
</p>

CSS

/* Partie typographique. */

[id="le brouillon"] { font-family : Verdana ; font-size : 14px }

h2 { color : blue ; border : solid 1px red ; text-align : center }

p.remarque { position : fixed ; bottom : 0 ; left : 0 ; z-index : 2;
   width : 100% ; margin : 0 ; padding : 0.5em ; font-size : 12px ;
   background-color : rgba(0,0,0,0.6) ; color : white }

p.remarque > a { color : yellow }

r { font-style : italic ; color : red }

JavaScript

// Partie algorithmique : L'algorithme d'Euclide.

A = 3149265 ; B = 2014 ; // Variables globales.
    
var a = A, b = B, R ; // Variables locales : a, b et R.

réductions = " PGCD de " + a + " et " + b ; // Variable globale.

while (b != 0) // Réduction des nombres à étudier.
   {
   R = a % b ; a = b ; b = R ;

   réductions += boîte ('p', " = PGCD de " + a + " et <r>" + b + "</r>") ;
   };
   
réductions += "<h2> = " + a + "</h2>" ;

écrire (réductions) .sur ("le brouillon") ;





//------------------------------------------------------------------
désigner = function() { intituler ("L'algorithme d'Euclide") };
exécution("différée",désigner);