Draw Functions

<?xml version="1.0" encoding="utf-8"?>
<ztmstudio>
   <ztml>
     <lang>
       <fr>
         <title><![CDATA[Quizz]]>
</title>
         <msg0>
</msg0>
         <srchlp><![CDATA[<DIV>Quizz</DIV>]]>
</srchlp>
         <question>
           <enonce><![CDATA[Un triangle qui a 2 cotés égaux est un triangle ?]]>
</enonce>
           <choix>
             <rep><![CDATA[0]]>
</rep>
             <texte><![CDATA[équilateral]]>
</texte>
</choix>
           <choix>
             <rep><![CDATA[1]]>
</rep>
             <texte><![CDATA[isocèle]]>
</texte>
</choix>
           <choix>
             <rep><![CDATA[0]]>
</rep>
             <texte><![CDATA[rectangle]]>
</texte>
</choix>
</question>
         <question>
           <enonce><![CDATA[Un triangle qui a 3 cotés égaux est un triangle ?]]>
</enonce>
           <choix>
             <rep><![CDATA[0]]>
</rep>
             <texte><![CDATA[isocèle]]>
</texte>
</choix>
           <choix>
             <rep><![CDATA[0]]>
</rep>
             <texte><![CDATA[rectangle]]>
</texte>
</choix>
           <choix>
             <rep><![CDATA[1]]>
</rep>
             <texte><![CDATA[équilateral]]>
</texte>
</choix>
</question>
         <question>
           <enonce><![CDATA[Un triangle qui a 1 angle égal à 90° est un triangle ?]]>
</enonce>
           <choix>
             <rep><![CDATA[0]]>
</rep>
             <texte><![CDATA[équilateral]]>
</texte>
</choix>
           <choix>
             <rep><![CDATA[0]]>
</rep>
             <texte><![CDATA[isocèle]]>
</texte>
</choix>
           <choix>
             <rep><![CDATA[1]]>
</rep>
             <texte><![CDATA[rectangle]]>
</texte>
</choix>
</question>
         <question>
           <enonce><![CDATA[La somme des mesures des angles d'un triangle<br> est égale à :]]>
</enonce>
           <choix>
             <rep><![CDATA[0]]>
</rep>
             <texte><![CDATA[90°]]>
</texte>
</choix>
           <choix>
             <rep><![CDATA[1]]>
</rep>
             <texte><![CDATA[180°]]>
</texte>
</choix>
           <choix>
             <rep><![CDATA[0]]>
</rep>
             <texte><![CDATA[300]]>
</texte>
</choix>
</question>
</fr>
       <en>
         <title><![CDATA[Quizz]]>
</title>
         <msg0>
</msg0>
         <srchlp><![CDATA[<DIV>Quizz</DIV>]]>
</srchlp>
</en>
</lang>
</ztml>
   <html>
     <head><![CDATA[<title>Draw Functions</title>
<meta charset="utf-8" />
<meta name="viewport" id="viewport" content="width=device-width, user-scalable=no" />
<script type="text/javascript" src="https://ztmstudio.com/ZTmStudio.js"></script>
<script type="text/javascript" src="https://ztmstudio.com/jquery-3.7.1.min.js"></script>]]>
       <style><![CDATA[body {background-color:#cccccc;}]]>
</style>
       <script><![CDATA[call  = function (event)	{
	var div=ZTmEvent(event).target;
	if (event.type=='click' && div.nodeName=='INPUT') { 
		if (div.value =='Valider'){		
		var sfDi=document.getElementsByClassName('divquizz');
//alert("div:"+sfDi.length);
		   for (var i=0;i<sfDi.length; i++){
                          var SfIn= sfDi.item(i).getElementsByTagName('INPUT');	
//alert("input:"+SfIn.length);
                for (var k=0;k<SfIn.length; k++){
//alert("rep:"+SfIn.item(k).getAttribute("rep")+"check:"+SfIn.item(i).checked);
                if(SfIn.item(k).getAttribute("rep") =='1' && SfIn.item(k).checked==true) {
			    sfDi.item(i).style.backgroundColor= '#00FF00';
			    }
                if(SfIn.item(k).getAttribute("rep") =='1' && SfIn.item(k).checked==false) {
	            sfDi.item(i).style.backgroundColor= '#FF0000';
			    }
			    if(SfIn.item(k).getAttribute("rep") =='0' && SfIn.item(k).checked==true) {
                sfDi.item(i).style.backgroundColor= '#FF0000';				
			    }				
			}
		
		  }
        }
	}
	if (event.type=='click' && div.nodeName=='IMG') 
	{ 	
	}
}

quizz = function(){
k=1;

$(ZTmlDoc).find("fr").find("question").each(function()
  { 
	var newDI = document.createElement('DIV');
	newDI.innerHTML = 'Q.'+k+' <br>'+'<b>'+$(this).find("enonce").text()+'</b>';
	newDI.className='divquizz';
	document.body.appendChild(newDI);
	var j=0;
var newBR = document.createElement('BR');
newDI.appendChild(newBR);
	$(this).find("choix").each(function()
	{
if(j==0){
var newBR = document.createElement('BR');
newDI.appendChild(newBR);
}
	var newIN = document.createElement('INPUT');
	newIN.type='checkbox';
	newIN.setAttribute("rep", $(this).find("rep").text());
	newIN.setAttribute("divx",k-1);
	newDI.appendChild(newIN);						
	var newCH = document.createElement('SPAN');
	newCH.className='spanquizz';
	newDI.appendChild(newCH);
	newCH.innerHTML = ' '+$(this).find("texte").text()+'<br>';
	j=j+1;
		});
	var newCH = document.createElement('SPAN');
	newDI.appendChild(newCH);
	newCH.innerHTML ='-------------';
	k=k+1;
 });
 //console.log('quizz');
var newBR = document.createElement('BR');
document.body.appendChild(newBR);	
var newIN = document.createElement('INPUT');
	newIN.type='button';
	newIN.value='Valider';
	document.body.appendChild(newIN);	
}
function ZTm(){
ZTmlInit();		
quizz();
document.onclick=call;
}
]]>
</script>
</head>
     <body onload="ZTm();">
</body>
</html>
</ztmstudio>