<!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 |