YunDev

JavaScript - 입력, if문 사용하기 본문

Programming/JavaScript

JavaScript - 입력, if문 사용하기

S준 2020. 3. 12. 22:51

 

오늘은  입력과, if문을 사용한 코드를 알아보도록 하겠습니다!

 

 

 

 

일단은 저번 글에 올렸던 코드는 몸무게와 키를 직접 변수에 넣어야 했습니다. 

 

하지만 입력을 할 수 있게 만들면 실행 할때마다 변수에 직접 값을 넣어야 하는 불편함을 없앨 수 있습니다.

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>자바스크립트 변수</title>
</head>
<body>
<script>

	var height = prompt("신장을 입력하세요.");
	var weight = prompt("체중을 입력하세요.");
	
	var normal_w = (height - 100) * 0.9;
	
	if(weight > normal_w) //몸무게가 더 많이 나갈때
	{
		document.write("당신은 평균체중보다 ", weight - normal_w, "kg 더  많이 나갑니다.");
	}
	
	else if(weight < normal_w) //몸무게가 더 적게 나갈 때
	{
		document.write("당신은 평균체중보다 ", normal_w - weight, "kg 더 적게 나갑니다.");
		
	}
	
	else{ //평균체중과 몸무게가 같을 때
		document.write("당신은 평균체중입니다!");
	}
	


</script>
</body>
</html>

 

입력은 prompt()를 사용합니다. 변수를 만들고 물어볼 문장만 쓰면 끝이죠.

 

if문은 말 그대로 '만약' 입니다. if(만약 조건이 참이라면) 바로 밑에 코드가 실행이 되고 조건이 참이 아니라면 else if로 넘어갑니다. 근데 else if문에서도 참이 아니라면 마지막은 else문이 실행됩니다.

 

정리하자면 조건이 거짓이라고 가정할 때

순서는 if -> else if -> else 인거죠.  (if, else if중 조건이 참이면 바로 밑에 코드가 실행됩니다.)

 

 

 

 

(170 - 100) * 0.9 = 63.

 

 

몸무게가 많이 나가면 얼만큼 많이 나가는지, 적게 나가면 얼만큼 적게 나가는지 확인할 수 있습니다.

 

 

 

이렇게 짦게 Javascript에서 입력하는 방법, if문을 알아보았습니다!

저작자표시 비영리 동일조건

'Programming > JavaScript' 카테고리의 다른 글

JavaScript - 쉽게 알아보는 여러가지 기능들  (1) 2020.03.24
JavaScript - 난수(랜덤 수)를 출력해보자!  (0) 2020.03.16
JavaScript - 함수, 인자 값  (0) 2020.03.14
JavaScript - 알아보기  (0) 2020.03.11
'Programming/JavaScript' Related Articles more