JAVASCRIPT- 문서의 엘리먼트 객체 이용하기
<body>
<script>
function printResult(){
var x, y ;
x= prompt("x값을 입력하세요.",0);
y= prompt("y값을 입력하세요.",0);
x=parseInt(x);
y=parseInt(y);
btnPrint.value=x+y;
span1.innerText = x+y;
}
</script>
<input type="button" value = "클릭" onclick=" printResult();" id="btnPrint"/><br/>
<span id = "span1" onclick="alert('hello');">스팬입니다.</span>
</body>
- span 은 value라는 속성이없다. 그래서 innerText를 사용한다.
- 객체 생성과 사용 시점의 문제
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="main.js"></script>
</head>
<body>
<input type="button" value = "클릭" id="btnPrint"/><br/>
<span id = "span1">스팬입니다.</span>
<script>
function printResult(){
var x= prompt("x값을 입력하세요.",0);
var y= prompt("y값을 입력하세요.",0);
x=parseInt(x);
y=parseInt(y);
btnPrint.value=x+y;
}
btnPrint.onclick = printResult;
</script>
</body>
</html>
깔끔하게 하기위해서 script 부분을 위쪽으로 올리면 실행이되지않는다 (버튼이없다고뜸)
댓글남기기