getElementById Id 값을 이용해서 실습해보기
Id 값을 읽어 들여서 id 값으로 반환하기
3+2 = 결과값 반환 5
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<script>
function check(){
var x = document.getElementById("a").value;
var y = document.getElementById("b").value;
var sum = parseInt(x)+parseInt(y);
document.getElementById("sum").value = sum;
}
</script>
</head>
<body>
<form name="test">
<input type="text" id="a"><br>
<input type="text" id="b"><br>
<input id="sum"> <!-- a+b 의 값이 나타난다 --><br>
<input type="button" value="사칙연산" onclick="check()">
</form>
</body>
</html>
'🎃 ~23 년 5월 이전 > 🏀JavaScript' 카테고리의 다른 글
| [JS] 자바스크립트 Switch 스위치문 자바스크립트 사용하기 !! prompt 사용 (0) | 2022.08.30 |
|---|---|
| [JS] 자바스크립트 HTML 요소 선택 getElementById 실습하기 - 2 (0) | 2022.08.30 |
| [JS] 자바스크립트 form 있는 값 사칙연산하기 (덧셈,뺄샘,곱셈,나눗셈) (0) | 2022.08.30 |
| [JS] 자바스크립트 자료형 변수 Var 사용법 ( typeof 타입 확인) (0) | 2022.08.30 |
| [JS] 자바스크립트 인라인 , 함수사용해서 사용하는 자바스크립트 사용법 (0) | 2022.08.30 |