728x90
반응형
SMALL
<!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>
var site = prompt("네이버, 다음, 네이트, 구글 중\
즐겨 사용하는 포털 검색 사이트는?","");
var url;
switch(site) {
case "네이버":url="www.naver.com";
break;
case "다음":url="www.daum.net";
break;
case "네이트":url="www.nate.com";
break;
case "구글":url="www.google.com";
break;
default:alert("보기 중에 없는 사이트 입니다.");
}
if(url) location.href = "http://"+url;//url이 있으면 true.
var i = 1;
while(i<=10) {
document.write("안녕하세요"+i+"<br/>");
i++;
}
document.write("=======끝==========");
var i = 1;
while(i<=30) {
if(i%2==0&&i%6==0) {
document.write(i,"<br/>");
}
i++;
}
var i = 20;
while(i>=10) {
if(i % 2 == 0) {
document.write("<p class='blue'>"+i+"블루</p>"); //**
} else {
document.write("<p class='red'>"+i+"레드</p>"); //**
}
i--;
}
var i = 10;
do {
document.write("이거 먼저 실행됨");
} while(i<3)
for(var i=1; i<=10; i++) {
document.write("반복"+i+"</br>");
}
for(var i=1; i<=100; i++) {
if(i%5==0&&i%7!=0) {
document.write("<p class='red'>"+i+"레드</p>");
} else if(i%5!=0&&i%7==0) {
document.write("<p class='blue'>"+i+"블루</p>");
} else if(i%5==0&&i%7==0) {
document.write("<p class='green'>"+i+"그린</p>");
}
}
for(var i = 1; i <= 10; i++) {
if(i == 6) break;
document.write(i,"</br>");
}
document.write("========끝======="+"</br>");
for(var i = 1; i <= 10; i++) {
if(i % 2 == 0) continue;
document.write(i, "</br>");
}
document.write("======끝========"+"</br>");
for(var i = 1; i <= 3; i++) {
for(var j = 1; j <= 2; j++) {
document.write(i+"행 "+j+"열"+"</br>");// 열단위 br
}
document.write("<br>")// 행단위 br
}
//퀴즈
var i = 1;
while(i<=9) {
document.write("5X"+i+"="+i*5, "<br>");
i++;
}
//퀴즈
var num = 1;
var t="<table border=1>";
for(var i=1; i<=5; i++) {
t+="<tr>";
for(var k=1; k<=5; k++) {
t+="<td>"+num+"</td>";
num++;
}
t+="</tr>";
}
t+="</table>";
console.log(t);//이건 왜?*
document.write(t);
</script>
</body>
</html>
출처 : doit javascript
728x90
반응형
LIST
'JAVASCRIPT' 카테고리의 다른 글
| Javascript Object, Built in Object - Date Object 자바스크립트 객체, 내장객체(날짜객체) (0) | 2022.05.04 |
|---|---|
| 자바스크립트 이론2 - var, let, const (0) | 2022.05.04 |
| 자바스크립트 제어문-조건문 javascript conditional statement (**) (0) | 2022.05.04 |
| 자바스크립트 기초 문법 javascript basic grammar (0) | 2022.05.03 |
| 자바스크립트 내부 스크립트 분리하기 javascript detaching internal script (0) | 2022.05.03 |