<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<>
function changeDiv1(){
 var divElement = document.getElementById("div1");
 divElement.style.backgroundColor = "#ff0";
}
changeDiv1();    ------------------------------------------------------------1.
</>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>   ---------------------------------------------------------2.
<div id="div1">
hello div1
</div>

<div id="div2">
hello div2
</div>

</body>
</html>

이게 풀 코드고 일단 고민하고 있는 사안이.

1.라인의    changeDiv1()함수를 실행하는데
원래 저러한 방식으로 스크립트에서 순차적으로 함수를 실행해도 상관 없잖아?

그런데 이경우 html 엘리먼트를 참조하는 문제때문인지 뭐때문인지 모르겠는데 에러가 발생하네
해결방법은 2번라인의 바디 태그안에 ="changeDiv1();" 넣어주면 해결은 되지.

그런데 지금 저런 방식으로 실행했을때 에러가 나는 이유가 뭘까 뭐 태그나 자바스크립트 로드 순서같은게 문제인거같은데
명확하게 알려줄수있는 횽들 있나해서 ㅠㅠ