무룩 공부방

[HTML] EX6) 반복문을 통한 count program (Notepad++/Java Script) 본문

IT/HTML

[HTML] EX6) 반복문을 통한 count program (Notepad++/Java Script)

moo_look 2023. 8. 22. 16:49

for문을 이용한 count program을 만들어 보았습니다.

 

<Source code>

<!doctype html>
<html>
	<head>
		<title>반복문</title>
		<meta charset="utf-8">
		<script>
		function listcount(){
			let count = prompt("1-100까지 임의 숫자 입력 하세요");
			if(count<0 || count>100){
				return;
			}
			for(i=1; i<=count; i++){
				console.log(i);
			}
		}
		</script>
	</head>
	<body>
		<input type="button" value="카운트프로그램" onclick="return listcount()">
	</body>
</html>

body에 "카운트 프로그램" 버튼을 생성하고 버튼을 누르면 listcount 함수를 호출합니다.

 

listcount 함수

prompt로 입력받은 값을 변수 count에 저장합니다.

원하는 값은 1~100의 값이기 때문에 if문 안에 조건문을 삽입하여 범위 바깥의 값이 입력 되었을때 return 합니다

 

for 반복문 (초기값; 조건식; 연산식;)

조건을 만족하여 for문으로 진입하게되면 콘솔창에 1부터 count 숫자까지의 숫자를 출력합니다. 

 

<출력>

<카운트 프로그램 버튼과 상호작용시 나오는 메시지 입력>
<console 출력>

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

[HTML] EX8) 증감연산자 (Notepad++/Java Script)  (0) 2023.08.24
[HTML] EX7) 반복문과 조건문을 활용한 홀수 짝수 판별 (Notepad++/Java Script)  (0) 2023.08.23
[HTML] EX5) style과 function (Notepad++/Java Script)  (0) 2023.08.22
[HTML] EX4) 키보드 입력과 let (Notepad++/Java Script)  (1) 2023.08.22
[HTML] EX3) 변수 선언과 연산 (Notepad++/Java Script)  (0) 2023.08.21
'IT/HTML' Related Articles more