JAVASCRIPT- 코드분리와 이벤트 바인딩
- html , script를 따로따로 둬야한다. html ```html <!DOCTYPE html>
스팬입니다.
index.js
```js
window.onload =function(){
var btnPrint = document.getElementById("btn-print");
var add= function(x,y){
return x+y;
};
btnPrint.onclick = function(){
var x= prompt("x값을 입력하세요.",0);
var y= prompt("y값을 입력하세요.",0);
x=parseInt(x);
y=parseInt(y);
btnPrint.value=x+y;
};
}
test.js
window.onload = function(){
alert("안녕하세요.");
};
문제가 생김!
- 여러개 스크립트 파일을 함께 사용할때 초기화 함수의 문제 (마지막 스크립트파일이 대체되서 실행된다. 마지막파일만 초기화가 일어난다.) -> window.addEventListener(“load”,function(){ alert(“test1”); }); 를사용하면된다! 수정된코드 index.js
window.addEventListener("load",function(){
var btnPrint = document.getElementById("btn-print");
var add= function(x,y){
return x+y;
};
btnPrint.onclick = function(){
var x= prompt("x값을 입력하세요.",0);
var y= prompt("y값을 입력하세요.",0);
x=parseInt(x);
y=parseInt(y);
btnPrint.value=x+y;
};
});
test.js
window.addEventListener("load",function(){
alert("안녕하세요.");
});
댓글남기기