<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>자바스크립트 코드 위치</title>
<script>
function over(obj) {
obj.style.backgroundColor="yellow";
var objH3 = document.getElementById('a');
objH3.style.color = 'red';
objH3.style.backgroundColor = 'violet';
}
function out(obj) {
obj.style.background="white";
var objH3 = document.getElementById('a');
objH3.style.color = 'black';
objH3.style.backgroundColor = 'white';
}
</script>
</head>
<body>
<h3 id="a">마우스를 올려 보세요</h3>
<hr>
<div onmouseover="over(this)" onmouseout="out(this)">
여기에 마우스를 올리면 배경색이 노란색으로 변합니다.
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>document.write()</title>
</head>
<body>
<script>
document.write("<h3>Welcome Home");
document.write("</h3>");
document.write("<hr>");
document.write("<p>저희 홈 페이지 오신 것을 환영합니다.</p>");
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>월화수목금토일</title>
</head>
<body>
<h3>월화수목금토일</h3>
<hr>
<script>
var day = prompt("월화수목금토일 중에서 입력하세요");
if(day == null)
alert("잘못입력하였음");
else {
switch(day) {
case "월":case "화":case "수":case "목":case "금":
document.write(day + "는 출근");
break;
case "토":
case "일": document.write(day + "는 휴일");
break;
}
}
</script>
</body>
</html>
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>do-while과 break 사용</title>
</head>
<body>
<h3>암호를 입력하라!</h3>
<hr>
<script>
var password="";
do {
password = prompt("암호를 대라", "암호");
if(password == "you")
break;
} while(true);
document.write("통과!");
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>1</title>
</head>
<body>
<script>
function big(a, b) {
if(a > b) return a;
else return b;
}
</script>
<script>
var b = big("625", "555");
document.write("큰수=", b);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2</title>
</head>
<body>
<script>
function pr(str, n) {
for(i=0; i<n; i++)
document.write(str);
}
</script>
<script>
pr("%", 5);
</script>
</body>
</html>
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>큰 자리수와 낮은자리수</title>
</head>
<body>
<h3>큰 자리수와 낮은자리수 같은지 비교</h3>
<hr>
<script>
var str = prompt("숫자 입력", "0");
if(isFinite(str)) {
var n = parseInt(str);
if(n > 0) { // 양수인 경우에만
var least = n%10; // 1의 자리수
var most = 0;
while(n != 0) {
most = n % 10;
n = Math.floor(n/10);
}
if(most == least)
document.write(str + ": 같음");
else
document.write(str + ": 다름");
}
else
document.write(str + ": 음수나 0은 다루지 않습니다.");
}
else {
document.write(str + ": 숫자가 아닙니다.");
}
</script>
</body>
</html>
<!DOCTYPE html>
<html><head>
<meta charset="UTF-8">
<title>eval()로 수식 계산</title>
</head>
<body>
<h3>eval()로 수식 계산</h3>
<hr>
<script>
var str = prompt("수식 입력", "");
if(str == null)
document.write("입력된 식이 없습니다.");
else {
var res = eval(str);
document.write(str + " = " + res);
}
</script>
</body>
</html>
'IT > JavaScript' 카테고리의 다른 글
| javascript - setTimeout()으로 웹 페이지 자동 연결 (0) | 2018.08.31 |
|---|---|
| javascript - form submit 제한의 여러가지 방법 (0) | 2018.08.30 |
| javascript - 이벤트 기초 및 활용법, preventDefault, stopPropagation, form, radio, checkbox (0) | 2018.08.27 |
| javascript - 함수정의, 함수호출, 익명함수 (0) | 2018.08.24 |