JavaScript

[JavaScript] 조건문

퓨어맨 2022. 5. 27. 01:04
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ex07조건문</title>
</head>
<body>
    <script>
        // 1. 사용자로부터 배경색상 입력받기
        // 빨강, 초록, 파랑만 가능하다고 명시해주기
        let bgc = prompt("색상을 입력해주세요(빨강, 초록, 파랑)")


        // 2. 사용자가 입력한 배경색상에 따라서 실제 웹페이지의 색상을 변경
        if(bgc == '빨강'){
            document.querySelector('body').style.backgroundColor = 'red'
        }else if(bgc == '초록'){
            document.querySelector('body').style.backgroundColor = 'green'
        }else if(bgc == '파랑'){
            document.querySelector('body').style.backgroundColor = 'blue'
        }else{
            // 3. 사용자가 만약 빨강, 초록, 파랑이 아닌 다른 색상을 입력했다면
            //    알림창으로 "없는 색상을 입력하셨습니다." 출력하기
            alert('없는 색상을 입력하셨습니다.')
        }

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

 

 

 

'JavaScript' 카테고리의 다른 글

[JavaScript] 랜덤 수 찾기  (0) 2022.05.27
[JavaScript] 반복문  (0) 2022.05.27
[JavaScript] 연산자  (0) 2022.05.27
[JavaScript] 변수  (0) 2022.05.27
[JavaScript] 입출력  (0) 2022.05.27