<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<script>
document.write(prompt("당신의 이름은?","입력하세요"));
document.write(" 님<br>당신의 나이는 ");
document.write(prompt("당신의 나이는?","입력하세요"));
document.write(" 살이군요. ^-^");
</script>
<body>
</body>
</html>
| (16.5.26) 함수 (0) | 2016.05.26 |
|---|---|
| (16.5.26) 박스겹치기-div활용 (0) | 2016.05.26 |
| (16.5.26) 연산자 실습 (0) | 2016.05.26 |
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>함수</title>
</head>
<script>
function test(){
console.log("HI~");
}
// 패러미터 X, 변환 값 X
function test1(a){
console.log(a);
}
// 패러미터 O, 변환 값 X
function test2(a,b){
console.log(a+b);
}
// 패러미터(인자)를 두 개 받아 하나로 출력
test(); // 패러미터(인자)가 없으므로 출력값을 직접 입력하여 출력
test1("HI!"); // 'a' 인자에 "Hi!" 라는 문구를 넣어 출력
test2(10,20); // '숫자'+'숫자' 이므로 결과는 '30'이 출력
</script>
<body>
</body>
</html>
=== 결과창 ===
| (16.5.26) document.write , prompt (0) | 2016.05.26 |
|---|---|
| (16.5.26) 박스겹치기-div활용 (0) | 2016.05.26 |
| (16.5.26) 연산자 실습 (0) | 2016.05.26 |
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>logic</title>
<style>
div{width:100px; height:100px} // 만들 박스 크기 설정
.m1{background:red;} // 첫번째 박스를 'm1' 으로 정의, 전경색을 red로 설정
.m2{background:blue; position:relative; top:-50px; left:50px;}
// 두번째 박스를 'm2'로 정의, 전경색을 blue로 설정, 박스를 겹치기 위해 top, left 값 조정
// float는 개체를 겹칠 수 없지만 position은 개체 겹치기가 가능하다.
.m3{background:yellow;}
</style>
<script>
</script>
</head>
<body>
<div class="m1"></div> // 박스를 생성 후 'm1' (으)로 설정된 스타일을 불러온다.
<div class="m2"></div> // 박스를 생성 후 'm2' (으)로 설정된 스타일을 불러온다.
</body>
</html>
=== 결과창 ===
| (16.5.26) document.write , prompt (0) | 2016.05.26 |
|---|---|
| (16.5.26) 함수 (0) | 2016.05.26 |
| (16.5.26) 연산자 실습 (0) | 2016.05.26 |
<!doctype html> // doctype 선언
<html>
<head>
<meta charset="utf-8">
<title>logic</title>
<style>
div{width:100px; height:100px}
.m1{background:red;}
.m2{background:blue; position:relative; top:-50px; left:50px;}
.m3{background:yellow;}
</style>
<script>
var sachik; // 변수선언
sachik = 5+2*9; // 변수에 들어갈 수식
console.log(sachik); // console 창에 변수가 표시
var bigyo;
bigyo = 4<2;
console.log(bigyo);
var nonri;
nonri = 30<10 && 20<40;
console.log(nonri);
var bokhab;
var a = 10;
bokhab = a *= 3;
console.log(bokhab);
var b = 11;
b++;
console.log(b);
b--;
console.log(b);
</script>
</head>
<body>
</body>
</html>
=== 결과창 ===
| (16.5.26) document.write , prompt (0) | 2016.05.26 |
|---|---|
| (16.5.26) 함수 (0) | 2016.05.26 |
| (16.5.26) 박스겹치기-div활용 (0) | 2016.05.26 |
