728x90
- input tag 에는 value라는 속성이 있어서 그 속성을 이용해 text를 바꿀 수 있는 반면 span tag 에는 value 속성은 없어서 innerText를 사용해서 text를 바꿔주면 된다
<body>
<script>
function printResult() {
// window 객체의 속성인 prompt 를 사용하면 대화상자를 이용해서 사용자에게 입력을 받을 수 있다.
// prompt 대화상자를 이용해서 입력한 값은 모두 문자열로 전달 된다
var x = prompt("x 의 값을 입력하세요", 0);
var y = prompt("y 의 값을 입력하세요", 0);
x = parseInt(x);
y = parseInt(y);
btnPrint.value = x + y; // 클릭과 동시에 value의 text를 바꾸고 싶다면 .value 속성을 이용해 바꿔주면 된다
span1.innerText = x + y; // span태그의 속성에서는 value 속성이 없기 때문에 안녕하세요를 바꾸고 싶을땐 innerText를 써주어야한다
}
</script>
<input type="button" value="클릭" onclick="printResult();" id="btnPrint"> </br>
<span id="span1">안녕하세요</span>
</body>728x90
'JavaScript > 기초' 카테고리의 다른 글
| 자바스크립트[기초] window 객체 .prompt() | .confirm() (0) | 2022.04.19 |
|---|---|
| 자바스크립트[기초] onclick 이벤트에 함수 대입 시 주의점 | 함수 호출과 함수 대입 시 다른점 (0) | 2022.04.19 |
| 자바스크립트[기초] parseInt (0) | 2022.04.19 |
| 자바스크립트[기초] 함수의 가변인자 arguments 객체 (0) | 2022.04.19 |
| 자바스크립트[기초] JSON | JSON.stringify | JSON.parse (0) | 2022.04.18 |