728x90
반응형
선택문(Switch-case)
들어오는 변수값이 무엇이냐에 따라 선택해주고 실행하는것
정해져있는 값들을 선택할 때 좋다.
선택문(Switch-case)
let 변수;
switch(변수){
case 값1 : 실행문1;
break;
case 값2 : 실행문2;
break;
case 값3 : 실행문3;
break;
default : 실행문;
}
let url에서 작성한 url로 들어갈 수 있는 명령어
if(url){
location.href = url;
}<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let site = prompt("네이버, 다음, 네이트, 구글 중 즐겨쓰는 포털검색사이트는?","");
let url;
switch(site){
case "네이버" : url="https://www.naver.com/";
break;
case "다음" : url="https://www.daum.net/";
break;
case "네이트" : url="https://www.nate.com/";
break;
case "구글" : url="https://www.google.co.kr/";
break;
default:alert("보기 중에 없는 사이트입니다.")
}
if(url){
location.href = url;
}
/*
선택문(Switch-case)
let 변수;
switch(변수){
case 값1 : 실행문1;
break;
case 값2 : 실행문2;
break;
case 값3 : 실행문3;
break;
default : 실행문;
}
*/
</script>
</body>
</html>반복문(while)
조건이 만족할 때까지 반복한다.
while(조건){
참;
i++;
i--;
}
조건 : i <= 10
"<br>" : 다음 행으로 내려가는 명령어
let i = 1;
while(i<=20){
document.write(i +"안녕하세요","<br>");
i++;
}&& : 두개의 조건이 만족해야함
2의 배수
i % 2 == 0
i % 6 == 0
shift + \ = |
|| : or
let i=1;
while(i<=30){
if( i % 2 == 0 || i % 3 == 0 ){
document.write(i,"<br>");
}
i++;
}
글자색 변경
document.write("<font color='blue'>"+i+"</font>","<br>");짝수일때 파랑, 홀수일때 빨강색으로 글자색을 바꾼다.
let i = 1;
while(i <= 30){
if( i % 2 == 0){
//짝수
document.write("<font color='blue'>"+i+"</font>","<br>");
}else{
//홀수
document.write("<font color='red'>"+i+"</font>","<br>");
}
i++;
}for문
i=1 : 초기값
i<=20 : 마지막값
i++ : 증가값
728x90
반응형
'☭DEVELOPER > #2 웹개발(자바기반 풀스택)' 카테고리의 다른 글
| 비주얼 스튜디오 코드 82_반응형 웹갤러리 (0) | 2023.07.19 |
|---|---|
| 비주얼 스튜디오 코드 81_마우스오버효과_자바스크립트 (0) | 2023.07.19 |
| 비주얼 스튜디오 코드 80_ 마우스 오버 효과_제이쿼리 (0) | 2023.07.18 |
| 비주얼 스튜디오 코드 79_뮤직 플레이어 3 (0) | 2023.07.18 |
| [JAVASCRIPT]if 조건 (0) | 2023.07.18 |