마우스 클릭한 곳에 동적으로 이미지 생성하기

<br><br><br>
아무데나 클릭해 보세요.<br>
클릭한 위치에 이미지가 생성됩니다.<br>
<br><br><br>

<script language="JavaScript">
<!--
	function makeImage(e){
		var evt = window.event ? window.event : e;	// 이벤트 받기 (파폭, IE 처리)

		var img = document.createElement('img');	// 이미지 객채 생성
		var rnd = Math.round(Math.random() * 20) + 1;	// 이미지 랜덤하게 보여주기 위한 ..
		if(rnd < 10)rnd = '0' + rnd;

		img.src = 'http://superkts.pe.kr/images/helper/smp_180_' + rnd + '.jpg'; // 이미지 경로 설정 (랜덤)
		img.style.position = 'absolute';
		img.style.top = evt.clientY + document.body.scrollTop;
		img.style.left = evt.clientX + document.body.scrollLeft;
		document.body.appendChild(img);
	}
	document.onclick = makeImage;
//-->
</script>