사실상 java와 제어문이 유사하기에 따로 건들부분이 없었다.
기본적인 코드에 대해서 알아보겠다.
if문
switch문
for문
while문
do while문
break
continue
조건연산자 => (조건) ? (true일 경우 실행) : (false일 경우 실행)
퀴즈1
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>짝수일까, 홀수일까</title>
</head>
<body>
<h2>짝수일까, 홀수일까</h2>
<script>
var number = prompt("숫자를 입력하시오.")
if (number != null) {
if(number % 2 == 0)
document.write(number + "는 짝수입니다.")
else
document.write(number + "는 홀수입니다.")
}
</script>
</body>
</html>
퀴즈2
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>3의 배수 찾기</title>
<style>
body {
font-size:1.2em;
text-align:center;
}
</style>
</head>
<body>
<h2>3의 배수 찾기</h2>
<script>
var n = 1;
var cnt = 0
while (n < 100){
if (n % 3 == 0){
document.write(n + ', ');
cnt += 1
}
n ++
}
document.write('<br>');
document.write("3의 배수의 갯수: " + cnt);
</script>
</body>
</html>
'Dev Lang > JavaScript' 카테고리의 다른 글
[자바스크립트] 05. 객체 (0) | 2022.02.22 |
---|---|
[자바스크립트] 04. 함수와 이벤트 (0) | 2022.02.14 |
[자바스크립트] 02. 변수와 자료형 (0) | 2022.02.04 |
[자바스크립트] 01. 기초 문법 (0) | 2022.02.02 |
[자바스크립트] 자바스크립트를 왜 배워야하는가. (0) | 2022.01.30 |