코밍이의 하루

[JS] 조건문 - if 문 본문

웹언어 공부/JS

[JS] 조건문 - if 문

코밍이 2021. 8. 10. 12:17

1. 개발환경

구분 내용
사용 언어 HTML5, JS
개발환경 Visual Studio Code
참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문
웹브라우저 Chrome

 

2. 주요 문법

1) 조건문

- 조건식의 값이 참인지, 거짓인지에 따라 자바스크립트 코드를 제어한다.

- 조건문의 종류 : if문, else문, else if문

 

2) if문

- 조건식을 만족한 경우에만 코드 실행

기본형
if(조건식){
  자바스크립트 코드;
}

 

3. 소스 코드 및 실행 결과

- if_1_test.html

 
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> if문 </title>
<script>
	var walkAmount = prompt("당신의 하루 걷는 양은 몇 보인가요?", "0");

	if(walkAmount >= 10000) {
		document.write("매우 좋은 습관을 지니고 계시는군요!! <br>")
	}

	document.write("=========== The End ===========");    
</script>
</head>
<body>
</body>
</html>

if_1_test.html

- if_2_test.html

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> if문 </title>
<script>
	var min = prompt("당신의 하루 통화량은 몇 분인가요?", "0");
	if(min >= 60) { document.write("많이 사용하는 편이네요 <br>");}
	document.write("===== The End ===="); 
</script>
</head>
<body>
</body>
</html>

 

if_2_test.html

- if_3_test.html

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> if문 </title>
<script>
	var userName = prompt("방문자의 이름은?", "");

	if(userName){
		document.write(userName + "님 반갑습니다! 방문을 환영합니다.")
	}
</script>
</head>
<body>
</body>
</html>

if_3_test.html

저작자표시 비영리 변경금지

'웹언어 공부 > JS' 카테고리의 다른 글

[JS] 조건문 - else if문, 중첩 if문  (0) 2021.08.10
[JS] 조건문 - else문  (0) 2021.08.10
[JS]<연습 문제>적정 체중 구하기  (0) 2021.08.10
[JS] 삼항 조건 연산자  (0) 2021.08.10
[JS] 비교 연산자, 논리 연산자, 연산자 우선순위  (0) 2021.08.10
'웹언어 공부/JS' Related Articles more