728x90
반응형
<!-- src/main/webapp/2/forex1.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>입력 받은 숫자까지 합 구하기</title>
<script type="text/javascript">
function sum() {
//#num : id=num 태그 선택
//value : input 태그의 입력된 값
//let : 변수 선언을 위한 예약어(키워드)
let num = document.querySelector("#num").value;
let tot=0; //num까지의 합
for(let i=1; i<=num; i++) {
tot += i;
}
//id="result"인 태그의 value값에 tot값을 저장
//result.value = tot;
document.querySelector("#result").value = tot;
}
</script>
</head>
<body>
1부터 <input type="text" id="num">까지의 합 :
<!-- onclick : 클릭이벤트 처리 자바스크립트 영역 -->
<input type="button" value="=" onclick="sum()">
<input type="text" id="result"><br>
<input type="button" value="종료" onclick="window.close()">
</body>
</html>
<!--
javascript : html 페이지 제어를 위한 언어
내장객체
1. window : 자바스크립트의 최상단 객체 (self, openner...)
2. document : 문서담당 객체
3. console : 개발자 화면(console)에 내용을 출력하는 기능
4. location : 현재 html 페이지의 url 정보를 가지고 있음 (loction.href='페이지' : 페이지로 현재페이지가 이동)
5. history : 현재 웹페이지의 url 정보들의 목록 (history.go(-1) : 앞페이지로 이동)
6. navigator : 브라우저의 정보
-->728x90
반응형