본문 바로가기
Front-end/Web

JavaScript 기초 (사칙연산,switch,for,while,if-else)

by 안녕주 2020. 9. 5.

1) 사칙연산표 만들기

<!DOCTYPE html>
<html>
	<head>
    	<meta charset="UTF-8">
    	<tittle>사칙연산표</tittle>
    </head>
    <body>
    	<script type="text/javascript">
        	var num1,num2,num_first,num_second;
            var num_first = prompt("첫번째 숫자를 입력해주세요");
            var num_second = prompt("두번째 숫자를 입력해주세요");
            num1 = parseInt(num_first); //사용자로부터 입력받은 문자를 int형으로 변환
            num2 = parseInt(num_second);
            document.write("<tavle border =1>");
            document.write("<caption> 사칙연산 결과표 </caption>");
            document.write("<tr><th> 숫자 </th><th>" + num1 + "</th></th>" + num2+ "</th></tr>");
            document.write("<tr><td> 더하기 </td><td colspan=2>"+ (num1+num2)+ "</td></tr>");
            document.write("<tr><td> 빼기 </td><td colspan=2>" + (num1-num2)+ "</td></tr>");
            document.write("<tr><td> 곱하기 </td><td colspan=2>"+ (num1*num2)+ "</td></tr>");
            document.write("<tr><td>나누기</td><td colspan=2>" + (num1/num2)+ "</td></tr>");
            document.write("</table>");
        </script>
	</body>
</html>

2) switch 문으로 한영 번역하기

<!DOCTYPE html>
<html>
	<head>
    	<meta charset="UTF-8">
    	<tittle>요일출력하기</tittle>
    </head>
    <body>
    	<script type="text/javascript">
            var day;
            var today = prompt("요일을 입력하세요,","월요일");
            switch(today){
            	case "월요일" : day = "Monday";break;
                case "화요일" : day = "Tuesday;break;
                case "수요일" : day = "Wednesday;break;
                case "목요일" : day = "Thursday;break;
                case "금요일" : day = "Friday;break;
                case "토요일" : day = "Saturday;break;
                case "일요일" : day = "Sunday;break;
                default : alert("틀린 표기입니다."); day="";
        	}
            document.write(day);
        </script>
	</body>
</html>

3) 반복문 사용하기 (0~1000까지의 합 구하기) 

<!DOCTYPE html>
<html>
	<head>
    	<meta charset="UTF-8">
    	<tittle>반복문</tittle>
    </head>
    <body>
		<script type="text/javascript">
        	sum1 = 0;
            sum2 = 0;
            
            for(i=1;i<=1000;i++){
            	sum += i;
            }
            
            j=1;
            while(j<=1000){
            	if (j%2==0{
                	sum2 +=j;}
      			j++;
            }
            
            document.write("0부터 1000까지의 합: " +sum1 + "</br>");
            document.write("0부터 1000까지의 짝수의 합: " + sum2 );
        </script>
	</body>
</html>

 

4) BMI 계산하는 함수 정의하기

<!DOCTYPE html>
<html>
	<head>
    	<meta charset="UTF-8">
    	<tittle>BMI함수</tittle>
    </head>
    <body>
        <script type="text/javascript">
            var cm = prompt("키를 입력하세요. (cm단위)", "180");
            var kg = prompt("몸무게를 입력하세요. (kg단위)", "70");
            
            m = cm / 100;
            BMI = kg / (m*m);
            
            if (BMI >=30)
            	document.write("당신은 현재 [비만] 상태입니다. 운동하세요!");
            else if (BMI >=25 && BMI <30)
            	document.write("당신은 현재 [과체중] 상태입니다. 조심하세요!");
            else if (BMI >=18.5 && BMI <25)
            	document.write("당신은 현재 [정상] 상태입니다. ");
            else if (BMI <18.5)
            	document.write("당신은 현재 [저체중] 상태입니다. 많이 드세요!");
        </script>
	</body>
</html>

'Front-end > Web' 카테고리의 다른 글

나만의 웹 애플리케이션 제작  (0) 2020.09.07
PHP 사용 기초  (0) 2020.09.06
다양한 입력폼 <form>  (0) 2020.09.05
고급표현을 위한 CSS 활용  (0) 2020.09.05
CSS3 스타일시트 기초  (0) 2020.09.05

댓글