JavaScript-문제 1~100까지 textarea에 적기

2019년 10월 17일 by Xion

    JavaScript-문제 1~100까지 textarea에 적기 목차
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script type="text/javascript">
	
		function sum()
		{
			document.getElementById("sumarea").value ="";
			//널 값을 넣어준다 왜냐하면 1000을 입력했을때 처음부터 다시 시작하므로.
			
			var vinput=parseInt(document.getElementById("input").value);
			var sum=0;
			var i=0;
			
			if(vinput<100)
				{
					alert("입력값은 100이상만 가능합니다.")
					return;
				}
	
			for(var i=0; i<=vinput; i++)
				{
					sum+=i;
					var j=1;
							if(i%10==0)
							{
								
								document.getElementById("sumarea").value +="1~"+i+":"+sum+"\n";
							}
							
				 }
			document.getElementById("sumarea").value +="1~"+(n-1)+":"+sum+"\n";
			
		

		}
	
	</script>
</head>
<body>
	<!-- 1부터 n까지의 합을 계산하되
		n은 100이상만 허용하고
		출력 시 10의 배수가 될 때 마다 중간 합을 출력할 수 있는
		페이지를 구성한다
		
		--------------------------------------------
		
		정수입력 (100이상 ) : [ 100  ]   ->input text
		<결과> 		<취소> 				   ->input button / button
		------------------------------     ->textarea
		
		1~10 : 55
		1~20 :210
		1~30 : ....
		  :
		1~100: ...
		-------------------
		
		---------------------------------------------
		
		
		 -->
		 
		 <div>
		 	<form>
		 		정수입력(100이상 ) : <input type="text" id="input"><br>
			 	<input type="button" value="결과" onclick="sum()">
		 		<input type="reset"  value="취소">	
		 		<br>
		 		 <textarea name="content" cols="40" rows="10" id="sumarea" readonly="readonly"></textarea>
		 	</form>
		 	
		 </div>
		 
</body>
</html>

'Web(국비) > 자바스크립트' 카테고리의 다른 글

JavaScript 짝수 출력 문제  (0) 2019.10.18
JavaScript - 배열 문제  (0) 2019.10.17
JavaScript - 성적판정 결과 예제  (0) 2019.10.17
JavaScript - 동전반환 문제  (0) 2019.10.17
JavaScript -this활용 함수  (0) 2019.10.17