JavaScript(Control)_08

2024. 10. 14. 19:22·JavaScript/기초 내용 정리

2024-10-14

 

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
            1~100 사이의 숫자 중에서 홀수인 뎡우에는 글자를 빨간색으로,
            짝수인 경우에는 글자를 파란색으로 만들어 화면에 보여주세요.
            조건) while 반목문을 이용해 보시요.
       
        */

        let su = 1;

        while(su <= 100) {
            if(su % 2 === 1) {  //   홀수 구하는 식
                //  홀수인 경우
                document.write(`<font color='red'> ${su} </font> &nbsp;&nbsp;&nbsp;`);
            }else {
                //  짝수인 경우
                document.write(`<font color='blue'> ${su} </font> &nbsp;&nbsp;&nbsp;`);
            }

            su++;
        }

        document.write("<hr>");

        /*
            1 ~ 100 사이에 숫자 중에서 숫자가 4의 배수이면서
            동시에 6의 배수인 숫자를 화면에 출력해 보세요.
        */

         let num = 1;

         while(num <= 100) {
            if((num % 4 === 0) && (num % 6 === 0)) {
                document.write(`${num} &nbsp;&nbsp;&nbsp;`);
            }
            num++;
         }

    </script>
</head>
<body>
   
</body>
</html>

 

'JavaScript > 기초 내용 정리' 카테고리의 다른 글

JavaScript(Control)_10  (0) 2024.10.14
JavaScript(Control)_09  (0) 2024.10.14
JavaScript(Control)_07  (0) 2024.10.14
JavaScript(Control)_06  (0) 2024.10.14
JavaScript(Control)_05  (0) 2024.10.14
'JavaScript/기초 내용 정리' 카테고리의 다른 글
  • JavaScript(Control)_10
  • JavaScript(Control)_09
  • JavaScript(Control)_07
  • JavaScript(Control)_06
mw41817
mw41817
일생의 개발 기록 저장소
  • mw41817
    IT 개발 일지
    mw41817
    • Index (487)
      • HTML (36)
        • 기초 내용 정리 (36)
      • CSS (29)
        • 기초 내용 정리 (29)
      • JavaScript (60)
        • 기초 내용 정리 (60)
      • JQuery (38)
        • 기초 내용 정리 (38)
      • Java (232)
        • 기초 내용 정리 (232)
      • JSP (46)
        • 기초 내용 정리 (46)
      • Spring, Boot (31)
        • 기초 내용 정리 (31)
      • DB (5)
        • Oracle SQL (5)
      • Code WorkBook (6)
        • programmers (6)
        • Baekjoon (0)
      • 기타 (1)
        • 유용한 사이트 (3)
  • 전체
    오늘
    어제
  • 글쓰기 관리
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
    • 카테고리
    • 주인장 GitHub
  • 공지사항

  • 인기 글

  • 태그

    html #코딩 #프로그래밍 #기초
  • 최근 댓글

  • hELLO· Designed By정상우.v4.10.0
mw41817
JavaScript(Control)_08
상단으로

티스토리툴바