728x90
728x170
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161 |
<!-- Boolean Test -->
<script tpye="text/javascript">
var a = true;
var b = false;
var c = 10>5; // true
var d = Boolean(null); // false
document.write(a, "<br/>");
document.write(b, "<br/>");
document.write(c, "<br/>");
document.write(d, "<br/>");
</script>
<!-- Typeof Test -->
<script type="text/javascript">
var num = 100;
var str = "JavaScript";
document.write(typeof num, "<br />");
document.write(typeof str, "<br />");
</script>
<!-- Texttable Test -->
<script type = "text/javascript">
var t = "<table border='1'>";
t += "<tr>";
t += "<td>1</td><td>2</td><td>3</td>";
t += "</tr>";
t += "</table>";
document.write(t);
</script>
<!-- Weight Input Test -->
<script type="text/javascript">
var height=prompt("당신의 신장은?", "0");
var result=(height-100)*0.9;
document.write(result);
</script>
<!-- IF Test 1 -->
<script type="text/javascript">
var walkAmount=prompt("당신의 하루 걷는 양은 몇 보인가요?", "0");
if(walkAmount>=10000) {
document.write("매우 좋은 습관을 지니고 계시는군요!");
}
</script>
<!-- If Test 2 -->
<script type="text/javascript">
var min=prompt("당신의 하루 통화량은 몇 분인가요?", "0");
if(min>=60) document.write("많이 사용하시는 편이네요.")
</script>
<!-- IF Test 3 -->
<script type="text/javascript">
var userName=prompt("방문자의 이름은?", "");
if(userName){
document.write(userName+"님 반갑습니다! 방문을 환영합니다.");
}
</script>
<!-- Confirm Test -->
<script type="text/javascript">
var result=confirm("정말로 회원을 탈퇴하시겠습니까?");
if(result) {
document.write("탈퇴 처리되었습니다.");
}
else {
document.write("탈퇴 취소되었습니다.");
}
</script>
<!-- Switch Test -->
<script type="text/javascript">
var site=prompt("네이버, 다음, 네이트, 구글 중 사용하는 포털 검색 사이트는?", "");
var url;
switch(site) {
case "네이버":
url="www.naver.com";
break;
case "다음":
url="www.daum.net";
break;
case "네이트":
url="www.nate.com";
break;
case "구글":
url="www.google.com";
break;
default: alert("보기 중에 없는 사이트입니다.");
}
if(url) location="http://"+url; // url에 데이터가 있을 경우만 실행됨.
</script>
<!-- While Test -->
<script type="text/javascript">
var i=20;
while(i>=10) {
if(i%2==0) {
document.write("<font color='blue'>"+i+"</font>", "<br />");
}
else {
document.write("<font color='red'>"+i+"</font>", "<br />");
}
i--;
}
</script>
<!-- For Test -->
<script type="text/javascript">
for(var i=1; i<3; i++) {
for(var k=1; k<=2; k++) {
document.write(i+"행"+k+"열", "<br />");
}
}
</script>
<!-- Double For Test -->
<script type="text/javascript">
var num=1;
var t="<table border='1'>"; // 테이블 시작 태그
for(var i=1; i<=4; i++) {
t+="<tr>"; // 행 시작 태그
for(var k=1; k<=3; k++) { // 3열
t+="<td>"+num+"</td>";
num++;
}
t+="</tr>"; // 행 종료 태그
}
t+="</table>"; // 테이블 종료 태그
console.log(t);
document.write(t); // 테이블 테그를 문서에 출력함.
</script> |
cs |
소스 출처 : Do It! 자바스크립트+제이쿼리 입문 (정인용 지음, 이지스퍼블리싱)
728x90
그리드형(광고전용)
'Source Code > JavaScript' 카테고리의 다른 글
문자 객체 (0) | 2017.05.21 |
---|---|
배열 객체 (0) | 2017.05.21 |
수학 객체 (0) | 2017.05.21 |
숫자 객체 (0) | 2017.05.21 |
날짜 정보 객체 (0) | 2017.05.21 |
현재 연도와 월에 해당하는 전체 일자 출력 (0) | 2017.05.21 |
구구단 출력 프로그램 (0) | 2017.05.21 |
간단한 실행문 (0) | 2017.05.21 |