무룩 공부방

[HTML] EX3) 변수 선언과 연산 (Notepad++/Java Script) 본문

IT/HTML

[HTML] EX3) 변수 선언과 연산 (Notepad++/Java Script)

moo_look 2023. 8. 21. 21:08

var로 변수를 선언하고, 변수들을 연산하여 원하는 값을 도출해 보았습니다.

 

[문제]

국어 영어 수학 점수를 변수에 저장하고 총점과 평균을 구하시오

 

<Source code>

<!docttype html>
<html>
	<head>
		<title>자바스크립트</title>
		<meta charset="utf-8">
		<style>
		</style>
		<script>
		var numCount1 = 1;
		var name="aaa"; 
		var kor = 100;
		var eng = 100;
		var mat = 100;
		var tot = kor + eng + mat;
		var avg = tot / 3;
		alert(tot);
		alert(avg);
		var numCount2 = 2;
		var name="bbb";
		var kor = 80;
		var eng = 80;
		var mat = 80;
		var tot = kor + eng + mat;
		var avg = tot / 3;
		alert(tot);
		alert(avg);
		</script>
	</head>
	<body>
		<h1>자바스크립트 : 성적표 처리</h1>
	</body>
</html>

var 변수이름 으로 선언하고 대입문을 통해 값을 지정하였습니다.

* 변수명은 알아보기 쉽게 하면 좋습니다!

alert(); 으로 원하는 변수의 값을 확인 해볼 수 있습니다.

 

국어(kor), 영어(eng), 수학(mat)를 모두 더한 값을 총점(tot)에 저장했습니다.

총점을 과목수(3)로 나누어 평균값(avg)를 연산했습니다.

 

 

<화면 구현>

 

연산 뒤 저장된 값이 alert문으로 출력되었고, 일반 문자로 입력한 문구를 빈 페이지에 출력했습니다

'IT > HTML' 카테고리의 다른 글

[HTML] EX6) 반복문을 통한 count program (Notepad++/Java Script)  (0) 2023.08.22
[HTML] EX5) style과 function (Notepad++/Java Script)  (0) 2023.08.22
[HTML] EX4) 키보드 입력과 let (Notepad++/Java Script)  (1) 2023.08.22
[HTML] EX2) 표 만들기와 유효성 검사 (Notepad++/Java Script)  (0) 2023.08.21
[HTML] EX1) 표만들기 + 화면구현 (Notepad++/Java Script)  (0) 2023.08.17
'IT/HTML' Related Articles more