자바스크립트 소스 어디가 잘못된 건가요???(내용)

inviolable의 이미지

<!DOCTYPE html>
<html>
<head>
	<meta charset ="utf-8">
	<script>
		function fun1()
		{
			alert("fun1 start");
			var button1 = document.getElementsByName("button1");
			var edit1 = document.getElementsByName("edit1");
			var edit2 = document.getElementsByName("edit2");	
 
			edit1.value += edit2.value;
			edit2.value += "\r\n";
 
		}
 
 
 
 
	</script>
 
</head>
<body>
	<form>
		<p align ="left"><textarea rows="15" cols="100" readonly name ="edit1"></textarea></p>
		<p align ="left"><textarea rows="2" cols="100" name = "edit2"></textarea></p>
		<input type="button" value="submit" name = "button1" onClick="fun1()"></input>
	</form>
 
 
 
 
 
</body>
</html>

버튼을 누르면 fun1 함수가 실행되야 하는데 실행이 전혀 안되네요. 대화상자 조차 뜨질 않고...

inviolable의 이미지

해결되었습니다.