Texte avec des commentaires pas beaux

beauc.js

var div=document.getElementById("font");                        /* accéder au noeud élément qui a pour id font            */ 
var tprin=document.createElement('H1');                         /* créer un titre h1 et l'affecte dans une variable tprin */
var text1= document.createTextNode('TABLE DE MULTIPLICATION');  /* créer un texte et le nomme par une variable text1      */
tprin.appendChild(text1);                                       /* fait de text1 un noeud enfant de tprin, c'est-à-dire text1 est un texte qui est présent dans tprin*/
div.appendChild(tprin);                                         /* tprin est noeud enfant de div                          */
var tab=document.createElement("TABLE");                        /* créer un noeud element table ie tableau                */
div.appendChild(tab);                                           /* mettre table dans div                                  */
for(var ligne=0;ligne<=2;ligne++)                               /* boucler les lignes suivant z                           */
{
		var row=tab.insertRow(ligne);
		for (var coln=0;coln<=2;coln++)                             /*boucle suivant la colonne                               */
		{
				var valeur=3*ligne+coln+1;
				var col=row.insertCell(coln);
				var par= document.createElement('h5');
				var text=document.createTextNode('la table'+valeur);
				par.appendChild(text);
				col.appendChild(par);
				var liste=document.createElement("UL");
				col.appendChild(liste);
				for(var i=1;i<=10;i++)
				{
						var item=document.createElement("LI");
						liste.appendChild(item);
						var text1=document.createTextNode(i+' X '+valeur+' = '+(i*valeur)); 
						item.appendChild(text1);
				}
		}
}

moche.js

	var div=document.getElementById("font");/*accéder au noeud élément qui a pour id font */ 
	var tprin=document.createElement('H1');/*créer un titre h1 et l'affecte dans une variable tprin*/
	var text1= document.createTextNode('TABLE DE MULTIPLICATION');/*créer un texte et le nomme par une variable text1*/
	tprin.appendChild(text1);/*fait de text1 un noeud enfant de tprin, c'est-à-dire text1 est un texte qui est présent dans tprin*/
	div.appendChild(tprin);/*tprin est noeud enfant de div*/
	var tab=document.createElement("TABLE");/*créer un noeud element table ie tableau*/
	div.appendChild(tab);/*mettre table dans div*/
for(var ligne=0;ligne<=2;ligne++)/* boucler les lignes suivant z*/
				{
				var row=tab.insertRow(ligne);
				for (var coln=0;coln<=2;coln++)/*boucle suivant la colonne*/
						{
						var valeur=3*ligne+coln+1;
						var col=row.insertCell(coln);
						var par= document.createElement('h5');
						var text=document.createTextNode('la table'+valeur);
						par.appendChild(text);
						col.appendChild(par);
						var liste=document.createElement("UL");
						col.appendChild(liste);
						for(var i=1;i<=10;i++)
							{
							var item=document.createElement("LI");
							liste.appendChild(item);
							var text1=document.createTextNode(i+' X '+valeur+' = '+(i*valeur));
							item.appendChild(text1);
							}
						}
				}