<!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>
<h1>함수</h1>
<script>
// var sum = '합계';
function send() {
alert('경고');
}
// send();
var a = 10;
var b = 20; // 지역변수
var total = add(a,b);
document.write(total);
function add(x,y) {
var sum = x + y; // 지역변수
return sum;
}
</script>
<h2>Object 객체</h2>
<script>
// 객체 = 변수 + 함수
/*
객체를 생성하는 방법
1. var obj = new Object();
2. var obj = {};
*/
// var baby = {};
// baby.age = "2살";
// baby.sex = "남자";
// baby.birthday = "5월 1일";
var baby = {
age : '2살',
sex : '남자',
birthday : '5월1일',
getAge : getAge
};
function getAge() {
return this.age;
}
var age = baby.getAge();
// document.write(baby.age);
document.write(age);
</script>
</body>
</html>
<!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>
<h2>반복문</h2>
<script>
// var i = 2;
// document.write(i + '<br/>');
// i = i + 2;
// document.write(i + '<br>');
// i = i + 2;
// document.write(i + '<br>');
// i = i + 2;
// document.write(i + '<br>');
// i = i + 2;
// document.write(i + '<br>');
// i += 2;
// document.write(i + '<br>');
for (var i = 2; i <= 12; i+=2) {
document.write(i + '<br>');
}
for(var i = 10; i >=0 ; i--) {
document.write(i + '<br>');
}
var i = 2;
while(i <= 12) {
document.write(i + '<br>');
i += 2;
}
var i = 1;
while(i <= 9) {
document.write("3 x " + i + " = " + 3*i + '<br>');
i++;
}
for (let i = 1; i<= 9; i++) {
document.write("3 x " + i + " = " + 3*i + '<br>');
if(i==6) break;
}
</script>
</body>
</html>
'JavaScript' 카테고리의 다른 글
자바스크립트 실습(선택자, 스타일 변경) (1) | 2022.09.29 |
---|---|
자바스크립트 실습(배열, 타이머) (0) | 2022.09.28 |
자바스크립트 실습(변수, 조건문) (1) | 2022.09.26 |
[모던 자바스크립트 Deep Dive] 13장 정리 (0) | 2022.09.23 |
[모던 자바스크립트 Deep Dive] 12장 정리 (0) | 2022.09.22 |