본문 바로가기

Webstoryboy

Category

Explanation

JAVASCRIPT

[Javascript] 연산자

정리

연산자를 통해 다음과 같은 예제를 만들 수 있습니다.


Sample1

적정 체중을 알아보는 예제입니다.

html
<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title>Javascript</title>
	<script>
		//적정 체중 (174 - 100) * 0.9
		// let userHeight = 174;
		// let userWeight = 90;
		// let normal = (userHeight - 100) * 0.9;

		let name = prompt("당신의 이름은 무엇입니까?", "");
		let height = prompt("당신의 키는 얼마인가요?", "");
		let weight = prompt("당신의 몸무게는 얼마인가요?","");
		
		let normal = (height - 100) * 0.9;

		document.write(name +"님의 정상 체중은"+ normal + "입니다.");
	</script>
</head>
<body>
	
</body>
</html>

Sample2

지출 내역을 알아보는 예제입니다.

html
<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script>
		// const price1 = 3000;
		// const price2 = 4000;
		// const price3 = 2000;

		// let total = price1 + price2 + price3;
		// let result = total > 10000 ? "돈을 너무 많이 사용했습니다." : "돈을 잘 관리 했네요!"

		// document.write(result);

		//document.write("당신이 오늘 사용한 지출은 " + total + "원 입니다.");

		let userPrice1 = prompt("오늘 당신의 교통비는?","");
		let userPrice2 = prompt("오늘 당신의 식비는?","");
		let userPrice3 = prompt("오늘 당신의 음료비는?","");

		userPrice1 = Number(userPrice1);
		userPrice2 = Number(userPrice2);
		userPrice3 = Number(userPrice3);

		let total = userPrice1 + userPrice2 + userPrice3;
		let result = total > 10000 ? "돈을 너무 많이 사용했습니다." : "돈을 잘 관리 했네요!";

		document.write(result);
	</script>
</head>
<body>
	
</body>
</html>

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기