인생 디벨로퍼

[기초 JAVA Script] 3-3강 반복문 for문 / while 문 본문

JAVA Script

[기초 JAVA Script] 3-3강 반복문 for문 / while 문

뫄뫙뫄 2023. 7. 16. 17:13
728x90
Index
   1. for 문
   2. while 문

1. for 문 

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<title>3-06_for</title>
<link href="../../_common/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div class="header-contents">
<h1>1장, 2장, 3장...이라고 출력</h1>
<h2>문자열을 서로 연결한다</h2>
</div><!-- /.header-contents -->
</header>
<div class="main-wrapper">
<section>
	<p>콘솔을 열어주세요.</p>
</section>
</div><!-- /.main-wrapper -->
<footer>JavaScript Samples</footer>
<script>
for(var i = 1; i <= 10; i++) {
	console.log(i + '장');
}
</script>
</body>
</html>

i 가 1부터 1씩 더해지며 반복. => i 가 10 이 될때까지!

 

2. while 문

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<title>3-07_while</title>
<link href="../../_common/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div class="header-contents">
<h1>콘솔로 몬스터를 물리쳐라!</h1>
<h2>반복 횟수 카운트하기</h2>
</div><!-- /.header-contents -->
</header>
<div class="main-wrapper">
<section>
<p>대전 상황은 콘솔에서 확인</p>
</section>
</div><!-- /.main-wrapper -->
<footer>JavaScript Samples</footer>
<script>
var enemy = 100;
var attack;
var count = 0;

window.alert('대전 시작');
while(enemy > 0) {
	attack = Math.floor(Math.random() * 30);
	console.log('몬스터에게 ' + attack + '의 피해를 입혔다!');
	enemy -= attack;
	count++;
}
console.log(count + '회만에 몬스터를 물리쳤다!');
</script>
</body>
</html>

몬스터의 체력, 공격력, 공격횟수 변수를 변수 선언.

공격력은 Math.random( ) 메소드를 사용해서 30 이하의 숫자로 무작위 설정

-= 연산자를 사용, 연산된 숫자를 다시 enemy 에 대입

enemy = enemy - attack; → enemy -= attack;

정해진 횟수가 아니라, 결과값이 나올때까지 반복해, 실행때 마다 다른 count 값이 나온다

 

  • for 문과 while 문의 차이
    • 반혹 횟수가 정해져 있다 / 정해져 있지 않다
  • 무한반복 주의 (무한 루프 infinite loop)
    • 반복 처리가 멈추지 않으면 끝도없이 실행이 반복되다 브라우져가 터진다.
    • ctrl + art + delete → 작업 관리자 실행, 강제종료 시킬것

(참고)

처음 만나는 자바스크립트 - 가노 스케하루 저자(글) · 김완섭 번역

728x90

'JAVA Script' 카테고리의 다른 글

[JAVA Script] 화면전환 효과  (0) 2023.09.07
[기초 JAVA Script] 3-4강 함수 / 사칙연산  (0) 2023.07.16
[기초 JAVA Script] 3-2강 비교 연산자 / 논리 연산자  (0) 2023.07.16
[기초 JAVA Script] 3-1강 자바 스크립트 조건 / if 문 사용  (0) 2023.07.16
[기초 JAVA Script] 2강 출력  (0) 2023.07.15
'JAVA Script' Related Articles more