조건문에 관하여.
a = 1;
1
if( a === 1){
alert(1);
}
1 //결과
prompt('당신의 나이는?'); //prompt를 통해 입력창을 띄울 수 있다. 입력한 결과를 보여준다.
"18" //결과
prompt('당신의 나이는?');
"30" //결과
alert(prompt('당신의 나이는?'));
당신의 나이는?
30 //결과
alert(prompt('당신의 나이는?')*2);
당신의 나이는?
60 //입력한 값의 2가 곱해진 값
<script>
var id = prompt('아이디를 입력해주세요.');
if(id == 'egoing'){
var password = prompt('비밀번호를 입력해주세요.');
if(password == '111111') {
alert('로그인 하셨습니다.' +id+ '님 반값습니다.');
} else {
alert('비밀번호가 다릅니다.');
}
} else {
alert('아이디가 일치하지 않습니다.');
}
</script> <script>
var id = prompt('아이디를 입력해주세요.');
var password = prompt('비밀번호를 입력해주세요.');
if(id === 'egoing' && password === '111111'){
alert('로그인 하셨습니다.'+id+'님 반갑습니다.');
} else {
alert('아이디가 일치하지 않습니다.');
}
</script> <script>
var id = prompt('아이디를 입력해주세요.');
if(id === 'egoing' || id === 'k8805' || id === 'sorialgi'){
alert('인증 했습니다.');
} else {
alert('인증에 실패했습니다.');
}
</script> <script>
id = prompt('아이디를 입력해주세요.');
password = prompt('비밀번호를 입력해주세요.');
if((id === 'egoing' || id === 'k8805' || id === 'sorialgi') && password === '111111'){
alert('인증했습니다.');
} else {
alert('인증에 실패했습니다.')
}
</script>반복문에 관하여.
<script type="text/javascript">
var i = 0;
while(i < 10){
document.write("Coding everybody "+i+"<br />");
i = i + 1;
}
</script>
<script type="text/javascript">
/*var i = 0;
while(i < 10){
document.write("Coding everybody "+i+"<br />");
i = i + 1; //이 안에서 여러 번 반복이 되어야 하는 상황이 생기는 것을 방지하기 위해 사용되는 것이 for문.
} */
// i = i + 1 보다는 i++ 를 사용한다. i++ 와 ++i 는 엄밀히 다르다.
for(var i = 0; i < 10; i = i + 1){
document.write("Coding everybody "+i+"<br />");
} //1. 초기화; 2. 언제까지 반복할 것이냐; 3. 반복실행조건 반드시 필요한 세 가지 구성요소. 마지막 구성요소에는 세미클론을 쓰지 않는다.
</script>
<script type="text/javascript">
for(var i = 0; i < 100; i++){
document.write("Coding everybody "+(i*2)+"<br />")
}
</script>
<script type="text/javascript">
for(var i = 0; i < 10; i++){
if(i === 5) {
break; //5 이후로는 중지가 된다.
//continue; 로 할 경우 컨티뉴를 만난 5 때에는 중지가 되고 다시 시작되기 때문에 결과에서 5는 없게된다. 그 순간에 중지되는 것이 컨티뉴.
}
document.write("Coding everybody "+(i+1)+"<br />")
}
</script>
<script type="text/javascript">
for(var i = 0; i < 10; i++){
for(var j = 0; j < 10; j++){
document.write("Coding everybody "+i+j+"<br />")
}
}
</script>
함수에 관하여.
<script type="text/javascript">
/*
function 함수명( [인자...[,인자]] ){
코드
return 반환값
}
*/
function numbering() {
document.write(1);
}
numbering();
numbering();
numbering();
numbering();
numbering();
</script>
<script type="text/javascript">
function numbering() {
i = 0;
while(i < 10) {
document.write(i);
i += 1;
}
}
numbering();
numbering();
numbering();
numbering();
numbering();
</script>
<script type="text/javascript">
function numbering(){
var i = 0;
while(i < 20){
document.write(i + "<br />");
i += 1;
}
}
for(var i = 0; i < 100; i++){
//numbering(); 이것 대신 밑에처럼 위에 내용을 복붙해도 가능.
var i = 0;
while(i < 20){
document.write(i + "<br />");
i += 1;
}
}
</script><script type="text/javascript">
function get_member1() {
return 'egoing';
}
function get_member2() {
return 'k8805';
}
alert(get_member1());
alert(get_member2()); //egoing, k8805가 순서대로 출력된다.
</script><script type="text/javascript">
function get_member1(){
return 'egoing';
return 'leezche';
return 'graphitte';
}
alert(get_member1());
//이고잉만 출력된다.
</script><script type="text/javascript">
function get_argument(arg){
return arg*1000; //arg는 변수.
}
alert(get_argument(1)); //arg = 1
alert(get_argument(2)); //arg = 2
</script><script type="text/javascript">
function get_arguments(arg1, arg2){
return arg1 + arg2;
}
alert(get_arguments(10, 20)); //30
alert(get_arguments(20, 30)); //50
</script><script type="text/javascript">
numbering = function (){
i = 0;
while(i < 10){
document.write(i);
i += 1;
}
}
//함수를 정의하는데에는 여러가지 방법이 존재.
function numbering(){
i = 0;
while(i < 10){
document.write(i);
i += 1;
}
}
numbering();
/* (function () {
i = 0;
while(i < 10) {
document.write(i);
i += 1;
}
})(); */
//정의된 함수를 괄호로 묶음, 그리고 정의된 함수를 바로 호출. 정의와 호출을 같이 함. 익명함수라고 함. 일회성으로 호출하는 것.
</script>
배열에 관하여.
var member = ['egoing', 'k8805', 'sorialgi'];
member
["egoing", "k8805", "sorialgi"] //결과
alert(member);
egoing,k8805,sorialgi //결과
alert(member[0]);
egoing
alert(member[1]);
k8805
alert(member[2]);
sorialgivar li = ['a', 'b', 'c', 'd', 'e'];
li
["a", "b", "c", "d", "e"]
li.push('f'); //배열 맨 끝에 추가해주는 기능.
li
["a", "b", "c", "d", "e", "f"]var li = ['a', 'b', 'c', 'd', 'e'];
li
["a", "b", "c", "d", "e"]
li.unshift('z'); //배열 맨 처음에 추가해주는 기능.
li
["z", "a", "b", "c", "d", "e"]var a = ['a', 'b', 'c'];
a
["a", "b", "c"]
a.splice(1, 0, 'd'); //인자 "a" 와 "b" 사이인 1번째 자리에 제거되는 인자 없이 "d" 추가.
a
["a", "d", "b", "c"]var a = ['a', 'b', 'c'];
a
["a", "b", "c"]
a.splice(1, 1, 'x', 'y'); //1번째 자리에 하나의 인자를 제거하고 그 사이에 "x" 와 "y" 를 추가.
a
["a", "x", "y", "c"]var li = ['a', 'b', 'c', 'd', 'e'];
li
["a", "b", "c", "d", "e"]
li.shift(); //맨 처음에 있는 인자 "a"를 제거.
"a"
li
["b", "c", "d", "e"]
li.pop(); //맨 끝에 있는 인자 "e"를 제거.
"e"
li
["b", "c", "d"]var li = ['c', 'e', 'a', 'b', 'd'];
li
["c", "e", "a", "b", "d"]
li.sort(); //정렬해주는 기능.
["a", "b", "c", "d", "e"]
li.reverse(); //역순으로 정렬해주는 기능.
["e", "d", "c", "b", "a"]
<script type="text/javascript">
function get_members(){
return['egoing', 'k8805', 'sorialgi', 'leezche'];
}
members = get_members();
for(var i = 0; i < members.length; i++){
document.write(members[i].toUpperCase()+"<br />");
}
/* document.write(members[0].toUpperCase()+"<br />");
document.write(members[1].toUpperCase()+"<br />");
document.write(members[2].toUpperCase()+"<br />");
document.write(members.length+"<br />"); */
</script>
