자바스크립트 기초(2)
코드(1)
- 같은지를 비교하려면, 다음과 같이 한다.
A == B : A와 B의 값만 비교해서 T/F반환한다.
A === B : A와 B의 값과 타입을 비교해서 T/F반환한다.
(==를 쓰던 ===를 쓰던 T라면, 뭘 쓰던 상관없습니다..!!!)
- 삼항연산자
자바문법과 똑같습니다. var 변수명 = (조건)?"결과1":"결과2";
조건이 참이라면, 결과1을 반환해서 변수에 저장해 줍니다.
또한, 조건이 거짓이라면, 결과2를 반환해서 변수에 저장해 줍니다.
- 확인창
실행시, '예', '아니오'의 선택창이 나오는 간단한 명령어입니다.
표기는 confirm( '출력내용' );
- 예를 눌럿으면, 실행되는 연계 동작합니다.
- 아니오를 눌럿으면, 실행되는 연계 동작합니다.
위와 같이 연계동작을 구성하려면, 예는 true, 아니오는 false
값 비교를 해주면 됩니다.
- 경고창
실행시, 출력내용의 경고창이 나오는 간단한 명령어입니다.
표기는 alert( '출력내용' );
- 입력창
실행시, 출력내용이 적힌 입력박스가 나오는 명령어입니다.
표기는 prompt( '출력내용' );
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
<body>
<script>
var x =10;
var y =3;
var b = "<br>";
document.write(parseInt(x/y)+b);
document.write((x%y)+b);
var z= "10.0";
document.write((x==z)+b); //10.0 == 10 값을 비교할 뿐이지, 타입은 상관없습니다.
document.write((x===z)+b); //10.0 != 10 값도 같아야하고, 타입도 같아야한다.
document.write((x!==z)+b); //10.0 != 10 값 또는 타입이 달라야한다.
///////////////////////////////////////////////////////////////////////////////////////////////////////
// x, z값이 동일하면 "같다"파란색 글씨 출력한다.
// 같지않다면 "같지 않다" 빨간색 글씨 출력한다.
var result= (x==z?"같다":"같지않다");
document.write(result+ b);
var t= "<p style='color:blue;'> 같다 </p>";
var f= "<p style='color:red;'> 같지 않다 </p>";
var result2=((x===z)?t:f);
document.write(result2)
var result3=((x==z)?t:f);
document.write(result3+"<br>");
////////////////////////////////////////////////////////////////////////////////////////////////////////
var dap1 = confirm("정말로 가입하시겠습니까?"); //선택창이다.
var dap2 = alert("가입하셧습니다."); //알림창이다.
document.write('confirm는 리턴o: ' + dap1 + b);
document.write("alert는 리턴x: " + dap2 + b); // 변수선언만 하고 출력하면 undefined 출력된다.
// 메소드리턴결과값이 없는데 출력하면 undefined 나온다.
//후속 동작
document.write((dap1===true?"네":"아니오") +b);
var dap4 = prompt("몇살이세요?");
document.write("나이: "+ dap4+ b); //입력된 값
dap4= parseInt(dap4); //문자열을 정수로 바꿔주는 작업을 다시 한 번 해야지 20세, 20살와 세20을 구별할 수 있다.
document.write("값의 자료형: "+ typeof dap4+ b); //값의 자료형을 의미함.
document.write((dap4>=15?"예매를 진행하세요":"예매할 수 없습니다") +b);
</script>
</body>
|
더보기
<코드분석>
결론적으로 다음과 같은 결과를 얻게됩니다.
'WEB 기초 > Script' 카테고리의 다른 글
| 6. 배열 (0) | 2018.04.12 |
|---|---|
| 5. 로그인_창 만들기 (0) | 2018.04.12 |
| 4. 조건문을 이용한 메뉴판 (0) | 2018.04.12 |
| 3. 계산기 만들기 (0) | 2018.04.12 |
| 1. 자바스크립트 시작하기 (0) | 2018.04.12 |