if 조건문 : boolean 표선식의 값이 true면 중괄호 안의 문장을 실행하고
false면 문장을 무시
📌
<!DOCTYPE html>
<!-- src/main/webapp/20220921/javascript3.html-->
<html>
<head>
<meta charset="UTF-8">
<title>조건문</title>
<script type="text/javascript">
if(273 < 100) {
alert("273은 100보다 작다")
} else {
alert("273은 100보다 크거나 같다")
}
</script>
</head>
<body>
</body>
</html>
📌 Exam2
<!DOCTYPE html>
<!-- src/main/webapp/20220922/exam2.html
저축할 금액을 랜덤하게 1~10만원까지 할려고 함.
6만원이상이면 메세지창으로 '저축을 많이 하셨습니다. 잘하셨습니다.'
alert 메세지를 출력하고
6만원 미만이면 '좀더 많이 하세요' alert 메세지를 출력하기
-->
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
money = Math.ceil(Math.random() * 10)
if(money >= 6) {
alert("저축을 많이 하셨습니다. 잘하셨습니다:" + money)
} else {
alert("좀더 많이 하세요:" + money)
}
</script>
</body>
</html>
JavaScript 에서 제공하는 내장객체
1. window : 자바스크립트의 최상단 객체.
2. document :문서담당.
3. console : 개발자화면의 콘솔에 출력하는 객체
4. location : 현재 페이지의 url 정보
location.href="페이지명" => 현재 페이지가 페이지명으로 이동
5. history : 현재 웹페이지의 url의 이동내역을 저장.
history.go(-1) : 앞페이지로 페이지 이동
6. navigator : 브라우저 정보 저장 객체
📌
<!DOCTYPE html>
<!-- src/main/webapp/20220921/javascript4.html-->
<html>
<head>
<meta charset="UTF-8">
<title>반복문 예제</title>
</head>
<body>
<input type="text" id="result" >
<script type="text/javascript">
let tot = 0 //변수 선언
for(i=1;i<=100;i++) {
tot += i
}
//id속성은 유일한 의미를 가짐
result.value = tot
function numtotal(t) {
let tot = 0
// let n = num.value //10
// #num : id = num 태그 선택
//value : input 태그의 입력된 값
//let : 변수선언을 위한 예약어(키워드)
let n = document.querySelector("#num").value
if (t==0) {
for(let i=1;i<=n;i++) {
tot += i
}
} else if (t==1) {
for(let i=1;i<=n;i+=2) {
tot += i
}
} else {
for(let i=2;i<=n;i+=2) {
tot += i
}
}
//id="result"인 태그의 value값에 tot 값을 저장
//result.value = tot
window.document.querySelector("#result").value = tot
}
</script>
<hr>
<h3>id=num 태그에서 입력받은 값까지의 합을 출력하기</h3>
<input type="text" id="num" >
<!-- onclick : 클릭이벤트 처리 자바스크립트 영역 -->
<input type="button" value="합계구하기" onclick="numtotal(0)">
<input type="button" value="짝수합계구하기" onclick="numtotal(2)">
<input type="button" value="홀수합계구하기" onclick="numtotal(1)"><br>
<input type="button" value="종료" onclick="window.close()" >
</body>
</html>
'수업(국비지원) > JavaScript' 카테고리의 다른 글
| [JavaScript] Math 클래스 사용, onchange 이벤트 (0) | 2023.04.18 |
|---|---|
| [JavaScript] prompt 메세지 (0) | 2023.04.18 |
| [JavaScript] window 객체 (0) | 2023.04.18 |
| [JavaScript] name 속성을 이용한 태그 선택, 마우스 이벤트(onmouseover, onmouseout) (0) | 2023.04.18 |
| [JavaScript] 기본 자료형(alert, document,console), 변수 선언 (0) | 2023.04.18 |
