최코딩의 개발

유수봉 교수의 WEB-12 본문

수업/자바스크립트

유수봉 교수의 WEB-12

seung_ho_choi.s 2024. 5. 22. 23:56
728x90

조건문1 

<!DOCTYPE html>
<html>

<head>
    <title>최승호(2019E7184)의 if else</title>
</head>

<body>
    <h3>if-else를 이용하여 홀짝 판별하기</h3>
    <hr>
    <script>
        var N = prompt("숫자를 입력하시오", 0);
        N = parseInt(N); // 문자열을 숫자로 바꿈
        if ((N % 2) == 0) {
            document.write("입력값 " + N + "는 짝수입니다.<br>")
        }
        else {
            document.write("입력값 " + N + "는 홀수입니다.<br>")
        }
    </script>
</body>

</html>

 

조건문2

<!DOCTYPE html>
<html>

<head>
    <title>최승호(2019E7184)의 if else</title>
</head>

<body>
    <h3>if-else를 이용한 학점 매기기</h3>
    <hr>
    <script>
        var grade;
        var score = prompt("최승호의 점수를 입력하세요", 100);
        score = parseInt(score); // 문자열을 숫자로 바꿈
        if (score< 60) { // score가 60 이하
            grade = "F";
        }
        else if (score >= 60 && score <70) { // 60 이상 70 미만
            grade = "D";
        }
        else if (score >= 70 && score <80) { // 70 이상 80 미만
            grade = "C";
        }
        else if (score >= 80 && score <90) { // 80 이상 90 미만
            grade = "B";
        }
        else if (score >= 90 && score <100) { // 90 이상 100 미만
            grade = "A";
        }
        else{
            grade="잘못된 점수 입니다."
        }
        document.write(score + "는 " + grade + "입니다.<br>")
    </script>
</body>

</html>

 

조건문3

<!DOCTYPE html>
<html>

<head>
    <title>최승호(2019E7184)의 switch</title>
</head>

<body>
    <h3>switch 문으로 커피 주문</h3>
    <hr>
    <script>
        var price = 0;
        var coffee = prompt("무슨 커피 드릴까요?", "");
        switch (coffee) {
            case "espresso":
            case "에스프레소": price = 2000;
                break;
            case "카푸치노": price = 3000;
                break;
            case "카페라떼": price = 3500;
                break;
            default:
                document.write(coffee + "는 없습니다.");
        }
        if (price != 0)
            document.write(coffee + "는 " + price + "원입니다.");
    </script>
</body>

</html>

 

반복문1

<!DOCTYPE html>
<html>


<head>
    <title>최승호2019E7184의 1~100 출력하기</title>
</head>


<body>
    <h3>1~100 출력하기</h3>
    <hr>
    <script>
        for (var N = 1; N <= 100; N++) {
            document.write(N + "<br>");
        }
        document.write(N + "<br>");
    </script>
    <hr>
</body>

</html>

 

반복문2

<!DOCTYPE html>
<html>

<head>
    <title>최승호 2019E7184의 1~100 출력하기(table)</title>
</head>

<body>
    <h3>1~100 출력하기(table)</h3>
    <hr>
    <script>
        document.write("<table border=1 width=100>");
        for (var N = 1; N <= 10; N++) {
            document.write("<tr align=center>");
            document.write("<td>" + N + "</td>");
            document.write("</tr>");
        }
        document.write("</table>")
    </script>
    <hr>
</body>

</html>

 

구구단1

<!DOCTYPE html>
<html>


<head>
    <title>1~10단 구구단 출력하기(table) - 최승호</title>
</head>


<body>
    <h3>1~10단 구구단 출력하기(table) - 최승호</h3>
    <hr>
    <script>
        for (var N = 1; N < 10; N++) {
            document.write("<table border=1 width=100>");
         
             
            for (var M = 1; M < 10; M++) {
                document.write("<tr align=center>");  
                document.write("<td>" + N + "*" + M + "=" + N * M + "<br>" + "</td>");
                document.write("</tr>");
            }
       
            document.write("</table>")
            document.write("<br>");
        }
   
    </script>
    <hr>
</body>

</html>

 

구구단2

<!DOCTYPE html>
<html>


<head>
    <title>1~10단 구구단 출력하기(table) - 최승호</title>
</head>


<body>
    <h3>1~10단 구구단 출력하기(table) - 최승호 &nbsp;</h3>
    <hr>
    <script>
           
        document.write("<table border=1 width=100>");
        for (var N = 1; N < 10; N++) {
         
            document.write("<tr align=center>");  
             
            for (var M = 1; M < 10; M++) {
                document.write("<td>"+ "&nbsp;"+ "&nbsp;"+ N + "*" + M + "=" + N * M + "&nbsp;"+ "&nbsp;"+ "<br>" + "</td>");
            }
       
            document.write("</tr>");
       
            document.write("<br>");
        }
        document.write("</table>")
   
    </script>
    <hr>
</body>

</html>

구구단3

<!DOCTYPE html>
<html>


<head>
    <title>1~10단 구구단 출력하기(table) - 최승호</title>
</head>


<body>
    <h3>1~10단 구구단 출력하기(table) - 최승호 &nbsp;</h3>
    <hr>
    <script>

        document.write("<table border=1 width=100>");
        for (var N = 1; N < 10; N++) {

            document.write("<tr align=center>");

            for (var M = 1; M < 10; M++) {
                document.write("<td>" + "&nbsp;" + "&nbsp;" + M + "*" + N + "=" + N * M + "&nbsp;" + "&nbsp;" + "<br>" + "</td>");
            }

            document.write("</tr>");

            document.write("<br>");
        }
        document.write("</table>")

    </script>
    <hr>
</body>

</html>

 

구구단4

<!DOCTYPE html>
<html>

<head>
    <title>1~10단 구구단 출력하기(table)</title>
</head>

<body>
    <h3>1~10단 구구단 출력하기(table) - 최승호</h3>
    <hr>
    <script>
        document.write("<table border=1>");
        for (var row = 0; row < 3; row++) {
            document.write("<tr>");
            for (var col = 1; col <= 3; col++) {
                var N = row * 3 + col;
                if (N > 9) break;
                document.write("<td valign='top'>");
                document.write("<table border=1 width=100>");
                for (var i = 1; i <= 9; i++) {
                    document.write("<tr align=center>");
                    document.write("<td>" + N + " x " + i + " = " + (N * i) + "</td>");
                    document.write("</tr>");
                }
                document.write("</table>");
                document.write("</td>");
            }
            document.write("</tr>");
        }
        document.write("</table>");
    </script>
    <hr>
</body>

</html>

 

구구단5

<!DOCTYPE html>
<html>

<head>
    <title>1~10단 구구단 출력하기(table)</title>
</head>

<body>
    <h3>1~10단 구구단 출력하기(table) - 최승호</h3>
    <hr>
    <script>
        document.write("<table border=1>");
        for (var row = 0; row < 3; row++) {
            document.write("<tr>");
            for (var col = 1; col <= 3; col++) {
                var N = (row * 3) + (4 - col);
                document.write("<td valign='top'>");
                document.write("<table border=1 width=100>");
                for (var i = 1; i <= 9; i++) {
                    document.write("<tr align=center>");
                    document.write("<td>" + N + " x " + i + " = " + (N * i) + "</td>");
                    document.write("</tr>");
                }
                document.write("</table>");
                document.write("</td>");
            }
            document.write("</tr>");
        }
        document.write("</table>");
    </script>
    <hr>
</body>

</html>

 

프로젝트 구조

728x90

'수업 > 자바스크립트' 카테고리의 다른 글

유수봉 교수의 WEB-14  (0) 2024.06.05
유수봉 교수의 WEB-13  (0) 2024.05.29
유수봉 교수의 WEB 중간보고서  (0) 2024.05.09
유수봉 교수의 WEB-10  (0) 2024.05.08
유수봉 교수의 WEB-09  (0) 2024.05.02
'수업/자바스크립트' Related Articles more