Addition

<?xml version="1.0" encoding="utf-8"?>
<ztmstudio>
   <ztml>
     <lang>
       <fr>
         <title><![CDATA[add-mult]]>
</title>
         <srchlp><![CDATA[<div class=ZTmSdk1>Addition, Multiplicaton</div>]]>
</srchlp>
</fr>
       <en>
         <srchlp><![CDATA[Hello World]]>
</srchlp>
         <title><![CDATA[add-mult]]>
</title>
</en>
</lang>
</ztml>
   <html>
     <style><![CDATA[.ZTm1 {	background-color:#FFFF00;		}	.ZTadd{	width:25px;	text-align: center;	}	.ZTaddcol{	width:25px;	text-align: center;	background-color:#00CC00;	}]]>
</style>
     <head><![CDATA[<title>Addition</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><![CDATA[function ZTm(){	
ZTmlInit();
document.onclick=call;	
 tmp='';level=0;				
			
 sfInp =document.getElementsByTagName('input');
 sfTd =document.getElementsByTagName('TD');
 sfTr =document.getElementsByTagName('TR');
 sfTd3 = sfTr[3].getElementsByTagName('TD');
 ope=0; 
 tabl = 0;

for (i=4;i<sfTd.length;i++) {
	sfTd[i].className='ZTadd';
 }
 reset();
}
call = function (event)	{
var div=ZTmEvent(event).target;

if (div.nodeName=='IMG'){
	 if(/window-x/.test(div.src)) {
             if(ZTmlocal==1){
             ztmappboite.style.display="none";
             ztmreaderboite.style.display="block";
             ztmreaderboite.onclick=callreader;
             fileContents.value=getXmlAsString(xmlDoc);
             }
	 }
    }			
    if (event.type =='click' && div.nodeName=='TD'){
	if(/ztmtitle/.test(div.className)) {
         ZTmHlp();
        }
    }
	if (event.type=='click' && div.nodeName=='INPUT')  
	{
		sfTd[9].innerHTML='NO'
		if( div.value == result) sfTd[9].innerHTML='O.K';
		reset();
				
	}
	if (event.type=='click' && div.nodeName=='TD')  
	{old=div;
		if(/ztmtitle/.test(div.className)) {ZTmHlp();return;}
		if(div.innerHTML =='+') {ope=1;sfTd[1].innerHTML='+';sfTd3[0].className='ZTaddcol';sfTd3[1].className='ZTadd'; }
		if(div.innerHTML =='x') {ope=0;sfTd[1].innerHTML='X';sfTd3[1].className='ZTaddcol';sfTd3[0].className='ZTadd'; }
		if(div.innerHTML <=9)   {if(old) old.className='ZTadd';tabl=div.innerHTML;div.className='ZTaddcol';old=div;}
		
	reset();	
	}
}
function reset (){
	
		if ( tabl==0 ){fact1= Math.floor((Math.random() * 10) + 1); 
						fact2= Math.floor((Math.random() * 10) + 1); 
						}
		if ( tabl >=1)  {fact1= Math.floor((Math.random() * 10) + 1); 
						fact2= tabl; 						
						}
		sfTd[0].innerHTML=fact1;
		sfTd[2].innerHTML=fact2;
		ind = Math.floor((Math.random() * 4) ); 
		if (ope==0 )  x = fact1*fact2;
		if (ope==1 )  x = parseInt(fact1)+parseInt(fact2);
		sfTd[ind+4].innerHTML=x;
		sfInp[ind].value =x;
		sfInp[ind].checked =false;
		for (i=4;i<8;i++) {
		if (i-4 != ind) sfTd[i].innerHTML =x+i-3;
		}
		result=	x;	
		for (i=0;i<9;i++){
			t =	sfTr[4+i].getElementsByTagName('TD');
			if(ope==1)t[1].innerHTML='+';
			if(ope==0)t[1].innerHTML='X';		
		t[0].innerHTML = i+1;
		t[2].innerHTML = fact2;
		t[3].innerHTML = '=';
		if (ope==0 )  t[4].innerHTML = (i+1)*fact2;
		if (ope==1 )  t[4].innerHTML = parseInt(i+1)+parseInt(fact2);
		}
}

]]>
</script>
</head>
     <body onload="ZTm();"><![CDATA[<table><TBODY><TR><TD>8</TD><TD>X</TD><TD>4</TD><TD>=</TD><TD>30</TD><TD>32</TD><TD>37</TD><TD>42</TD><TD colspan=3></TD></TR>
			  <TR><TD colspan=4> </TD><TD><input type=radio name=mult></TD><TD><input type=radio name=mult></TD><TD><input type=radio name=mult></TD><TD><input type=radio name=mult></TD></TR>
<TR><TD  colspan=11 style='text-align:left;'>Table de Multiplication</TD></TR>			  
			  <TR><TD>+</TD><TD>x</TD><TD>0</TD><TD>1</TD><TD>2</TD><TD>3</TD><TD>4</TD><TD>5</TD><TD>6</TD><TD>7</TD><TD>8</TD><TD>9</TD></TR>			  
			  <TR><TD></TD><TD>+</TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>			  
			  <TR><TD></TD><TD>+</TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>			  
			  <TR><TD></TD><TD>+</TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>			  
			  <TR><TD></TD><TD>+</TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>			  
			  <TR><TD></TD><TD>+</TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>			  
			  <TR><TD></TD><TD>+</TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>			  
			  <TR><TD></TD><TD>+</TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>			  
			  <TR><TD></TD><TD>+</TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>			  
			  <TR><TD></TD><TD>+</TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD><TD></TD></TR>			  
			  </TBODY></TABLE>
]]>
</body>
</html>
</ztmstudio>

8	X	4	=	30	32	37	42

Table de Multiplication
+	x	0	1	2	3	4	5	6	7	8	9
	+
	+
	+
	+
	+
	+
	+
	+
	+