Créateur de carrés de couleur

Dans la tête du document

Dans le corps du document

<div align="center"><div style="color:red;font-weight:bold;width:200">
<input type="checkbox"name="un"onclick="deux.checked=false;trois.checked=false">carré
<input type="checkbox"name="deux"onclick="un.checked=false;trois.checked=false">rond
<input type="checkbox"name="trois"onclick="un.checked=false;deux.checked=false">triangle
<BR><BR><input type="text"size="3"name="sel"> taille
<BR><BR>
<input type="button" style="background:transparent;color:red;font-weight:bold"value="créer"onclick="
if(un.checked){document.body.innerHTML+=a+'width:'+sel.value+'\' ondrag=\'this.style.left=(event.x-(this.height/2))+document.body.scrollLeft;this.style.top=(event.y-(this.height/2))+document.body.scrollTop\''+'src=\''+ta[Math.floor(Math.random()*5)]+'\'>'+'<br>'}
if(deux.checked){document.body.innerHTML+=a+'width:'+sel.value+'\' ondrag=\'this.style.left=(event.x-(this.height/2))+document.body.scrollLeft;this.style.top=(event.y-(this.height/2))+document.body.scrollTop\''+'src=\''+ta2[Math.floor(Math.random()*5)]+'\'>'+'<br>'}
if(trois.checked){document.body.innerHTML+=a+'width:'+sel.value+'\' ondrag=\'this.style.left=(event.x-(this.height/2))+document.body.scrollLeft;this.style.top=(event.y-(this.height/2))+document.body.scrollTop\''+'src=\''+ta3[Math.floor(Math.random()*5)]+'\'>'+'<br>'}">
</div></div>