コントロールゲート

49067 ワード

コントロールゲート

  • 普通に使えばいい
  • ifゲート
  • スイッチドア
  • 、文
  • ドアが

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <link rel = "stylesheet" href ="../css/outStyle.css">
    <style>
    div{
    	border : 3px dashed green;
    	width: 500px;
    	height: 100px;
    }
    </style>
    <script>
    function print() {
    	//prompt를 통해 반환받는 값의 타입은 String
    	//window.prompt("필수항목","옵션항목")
    	var a = parseInt(prompt("값을 입력하세요","정수 입력"));
    	var c = prompt("연산자를 입력하세요","+,-,*,/");
    	var b = parseInt(prompt("값을 입력하세요","정수 입력"));
    	
    	//if(a==null " "||b==null||c==null) return false;
    	
    	// result영역에 출력하기
     	var sum = "";
     	if(c=='+'){
    		sum = a+b;
    	}else if(c=='-'){
    		sum = a-b;
    	}else if(c=='*'){
    		sum = a*b;
    	}else if(c=='/'){
    		sum = a/b;
    	}else{
    		alert("연산자를 잘못 입력하였습니다!");
    		print();
    	}
    	
    	document.getElementsByTagName('div')[0].innerText += sum; // ?? 그래도  이상한디....
    			
    	//document.getElementById('result').innerText = sum; 
    	// 만약 아이디가 없다면?
    	// document.getElementsByTagName('div')[0].innerText = sum;
    		
    }
    </script>
    
    </head>
    <body>
    	<h4> prompt를 통해 값 2개와 연산자를 입력</h4>
    	<button type="button" onclick="print()">출력하기</button><br>
    	결과
    	<div id="result"></div>
    </body>
    </html>

    スイッチドア

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <link rel = "stylesheet" href ="../css/outStyle.css">
    <style>
    div{
    	border : 3px dashed green;
    	width: 500px;
    	height: 100px;
    }
    </style>
    <script>
    function print() {
    	//prompt를 통해 반환받는 값의 타입은 String
    	//window.prompt("필수항목","옵션항목")
    	var a = parseInt(prompt("값을 입력하세요","정수 입력"));
    	var c = prompt("연산자를 입력하세요","+,-,*,/");
    	var b = parseInt(prompt("값을 입력하세요","정수 입력"));
    
    	// switch문
      switch(c){
    	case '+' : sum = a+b ; break;
    	case '-' : sum = a-b ; break;
    	case '*' : sum = a*b ; break;
    	case '/' : sum = a/b ; break;
    	}
    	document.getElementById('result').innerText = sum;
    	
    }
    </script>
    
    </head>
    <body>
    	<h4> prompt를 통해 값 2개와 연산자를 입력</h4>
    	<button type="button" onclick="print()">출력하기</button><br>
    	결과
    	<div id="result"></div>
    </body>
    </html>

    while

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <link rel = "stylesheet" href ="../css/outStyle.css">
    <style>
    div{
    	border: 2px dotted green;
    	height : 50px;
    	width:50%;
    	margin:5px;
    }
    </style>
    
    </head>
    <body>
    <script src="../js/for_while_ex.js"></script>
    
    <h4>1부터 10까지 합</h4>
    <input type="button" value="문제1" onclick="proc1()">
    <div id="d1"></div>
    
    <h4>1부터 200까지 짝수합(continue 이용)</h4>
    <input type="button" value="문제2" onclick="proc2()">
    <div id="d2"></div>
    
    <h4>사용자 입력값 더하고 0 입력시 누적값 출력하는 프로그램</h4>
    <input type="button" value="문제3" onclick="proc3()">
    <div id="d3"></div>
    
    <h4>다중for문을 이용해 1~10까지중 i와k의 합이 3배수 일때만 출력(continue)사용</h4>
    <input type="button" value="문제4" onclick="proc4()">
    <div id="d4"></div>
    
    <h4>1~100까지중 2의배수이면서 3의배수인것만 출력</h4>
    <input type="button" value="문제5" onclick="proc5()">
    <div id="d5"></div>
    
    <h4>두수를 입력(prompt) 두수의합이 100이상이면 출력(continue 사용, 두ㅜㅅ 모두 0이입력되면 종료)</h4>
    <input type="button" value="문제6" onclick="proc6()">
    <div id="d6"></div>
    
    </body>
    </html>
    /**
     * 
     */
    
    function proc1(){
    	var sum =0;
    	for(var i=1; i<=10; i++){
    		sum += i;
    	}
    	document.getElementById('d1').innerText = sum;
    }
    
    function proc2(){
    	var sum = 0;
    	// 방법1
    /*	for(var i=2; i<=200; i+=2){
    		sum += i;
    	}	*/
    	
    	// 방법2
    /*	for(var i=1; i<=200; i++){
    		if(i%2==0){
    			sum+=i;
    		}
    	}*/
    	
    	// 방법3
    	for(var i=1; i<=200; i++){
    		if(i%2!=0){
    			continue;
    		}
    		sum += i;
    	}
    	//
    	document.getElementById('d2').textContent = sum;
    }
    
    function proc3(){
    	var sum = 0; //숫자의 합
    	var str =""; //누적 입력값들(문자열 형태)
    	while(true){
    		var a = parseInt(prompt("값을 입력하세요")); //String -> int 변환
    		if(a==0) break;
    		sum+=a;
    		str+=a+" ";
    	}
    	
    	//
    	var result = "입력한 값들 : "+str+"<br>";
    		result += "합: "+sum;
    	document.getElementById('d3').innerHTML = result;
    }
    
    function proc4(){
    	var sum =0;
    	for(var i=1; i<=10; i++){
    		for(var j=1; j<=10; j++){
    			if((i+j)%3!=0) {}continue;}
    			sum += i+"+"+j="="+(i+j)+"<br>";
    		}
    	document.getElementById('d4').innerHTML = sum;
    	}
    }
    
    function proc5(){
    	var sum =""
    	for(var i=1; i<=100; i++){
    		if(i%2 ==0 && i%3==0) sum+=i+" ";
    	}
    	document.getElementById('d5').innerHTML = sum;
    }
    
    function proc6(){
    	var str1 = "두수의 합이 100이상인값들 <br>";
    	var str2 = "두수의 합이 100이하인값들 <br>";
    	
    	while(true){
    		var a = parsInt(prompt("첫번째 수 입력"));
    		var b = parsInt(prompt("두번째 수 입력"));
    		
    		if(a==0&&b==0) break;
    		
    		var sum = a+b;
    		if(sum < 100){
    			str2 += a+","+b+"<br>";
    			continue;	
    		}
    		str1 += a+","+b+"<br>";
    	}
    	
    	document.getElementById('d6').innerHTML = str1;
    	document.getElementById('d6').innerHTML += str2;
    	
    }