728x90
반응형
SMALL
조건문
- if문 () 안에는 비교연산자, 논리연산자 사용
- 값에 따라 따로 처리 -> switch문
<최종코드>
<!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>Document</title>
</head>
<body>
<script>
let num = 15;
// num 10보다 작으면 10보다 작습니다
// 10 이상이면 10이상입니다!
if(num<10){ //비교연산자, 논리연산자
document.write("10보다 작습니다.");
}
else{
document.write("10이상입니다!");
}
//값에 따라 따로 처리 -> switch문
let season ="여름";
//season 봄 -> "봄", 여름->"여름"
switch(season){
case "봄":
alert("봄!");
break;
case "여름":
alert("여름!");
break;
case "가을":
alert("가을!");
break;
}
</script>
</body>
</html>
- 조건문 실습1
: java, python, r 점수를 입력받고, 평균과 학점 출력
: 90점 이상 = a , 80점 이상 = b , 70점 이상 = c, 그 외, f
<최종코드>
<!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>Document</title>
</head>
<body>
<script>
//java,python, r점수를 입력해서 평균과 학점 출력
//90점 이상 = A/ 80 점 이상 = B/ 70점 이상=C 이외 =F
let java = Number(prompt("java점수를 입력하세요"));
let python= Number(prompt("python점수를 입력하세요"));
let r = Number(prompt("R점수를 입력하세요"));
//toFixed : 연산시 소수점 자를때 사용
//ex. toFixed(2) -> 소수점 둘째자리까지 출력
let avg = ((java+python+r)/3).toFixed(2);
let grade;
if(avg>=90){
grade ="A";
}
else if(avg>=80){
grade ="B";
}
else if(avg>=70){
grade = "C";
}
else{
grade ="F";
}
console.log("당신의 평균은"+avg+"이고, 학점은 "+grade+"입니다.");
</script>
</body>
</html>
- 조건문 실습2
: 입력창에 빨강, 초록, 파랑 중에 원하는 색을 입력했을 때, 웹 브라우저 배경색이 바뀌도록 작성
<최종코드>
<!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>Document</title>
</head>
<body>
<script>
//document.querySelector("body").style.backgroundColor = "black";
let setColor = prompt("색상을 입력해주세요(빨강,초록,파랑)");
switch(setColor){
case "빨강":
document.querySelector("body").style.backgroundColor = "red";
break;
case "초록":
document.querySelector("body").style.backgroundColor = "green";
break;
case "파랑":
document.querySelector("body").style.backgroundColor = "blue";
break;
}
</script>
</body>
</html>
728x90
반응형
LIST
'스마트인재개발원 > 자바스크립트' 카테고리의 다른 글
[JS] 내부,외부 자바스크립트 생성 방법/객체/배열의 선언/배열의 생성/배열의 데이터 추가/배열의 길이 구하기 (0) | 2022.10.07 |
---|---|
[JS] 자바스크립트 반복문(for문/switch문) / 랜덤숫자 맞추기 (0) | 2022.10.07 |
[JS]자바스크립트 연산자 종류/예제/형변환 종류/사용방법 (0) | 2022.10.07 |
[JS] 입력창에 입력된 값 콘솔창에 띄우기 / 자바스크립트 자료형 종류 및 특징/ undefined,null,NaN 차이점 (0) | 2022.10.06 |
[JS]자바 스크립트,자바 변수 사용 차이점/ 변수 네이밍 법칙/var,let,const 차이/정의 (0) | 2022.10.06 |