"> Insert title here
"> Insert title here
">

image.png

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	div {
		width : 100px; height : 100px;
		background : lightpink;
	}
	#box {
		cursor : pointer;
	}
</style>
</head>
<body>
	<button id="btn" onclick="makeElem()">새로운 요소 생성</button>
	<div id="box" onclick="changeColor(this)"></div>
	
	<script type="text/javascript">
		var colors = ['red','yellow','gray','aqua'];
		function changeColor(obj){
			var randNum = Math.floor(Math.random() * colors.length);
			obj.style.backgroundColor = colors[randNum];
		}
		
		function makeElem(){
			var box = document.createElement('div');
			var txt = document.createTextNode('자바스크립트');
			box.appendChild(txt);
			document.body.appendChild(box);
		}
	</script>
</body>
</html>