336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요.

이번엔 if문의 약간 응용버전은 if.. else if 문을 사용할께요.

바로 예제를 쓸꼐요.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 if_javascript 호출합니다.
function if_javascript(){
 
    //txt_Value값을 가져옵니다.
    var value = document.getElementById("txt_Value").value;
    if(value == "1"){
        alert("입력값은 1입니다.");
    }else if(value == "2"){
        alert("입력값은 2입니다.");
    }else if(value == "3"){
        alert("입력값은 3입니다.");
    }else if(value == "4"){
        alert("입력값은 4입니다.");
    }
}
</script>
</head>
<body>
<input type='text' id='txt_Value'/>
<input type='button' onclick='if_javascript()' value='버튼'/>
</body>
</html>
cs

 

간단하게 txt_Value에 1,2,3,4중 1개를 입력하고, 버튼을 클릭하면 위에 alert중에 하나가 나옵니다.

 

 

 

 

 1,2,3,4중에 입력하면 이중에 하나의 결과가 나와요.

도움이 되었으면 좋겠어요.

 

 

 

 

 

 

'JAVASCRIPT' 카테고리의 다른 글

JAVASCRIPT while문 사용하기  (0) 2015.11.22
JAVASCRIPT for문 사용하기  (0) 2015.11.22
JAVASCRIPT IF문 사용하기  (0) 2015.11.22
JAVASCRIPT 이차원배열 사용하기  (0) 2015.11.22
JAVASCRIPT 배열사용법  (0) 2015.11.22
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요.

이번엔 자바스크립트에서 조건문인 if문을 쓸꺼예요.

이제 예제를 쓰도록 할꼐요.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 if_javascript 호출합니다.
function if_javascript(){
 
    //txt_Value값을 가져옵니다.
    var value = document.getElementById("txt_Value").value;
    if(value == "3"){
        alert("입력값은 3입니다.");
    }else{
        alert("입력값은 3이 아닙니다.");
    }
}
</script>
</head>
<body>
<input type='text' id='txt_Value'/>
<input type='button' onclick='if_javascript()' value='버튼'/>
</body>
</html>
cs

구문은 입력값이 3이 아니면 입력값은 3이 아닙니다. 3이면 입력값은 3입니다.출력합니다.

그림은 바로 밑에 있어요

 

 왼쪽에 있는 것부터 입력하는 곳, 버튼 결과입니다.

입력하는 창에서 3을 입력해서 버튼을 눌르면 alert가 뜨게 되어있습니다.

 

 

 

 

 

 

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요 이번엔 이차원배열 사용하는 방법을 알려드릴께요.

 

2가지 알려드릴텐데요. 다른 소스코드지만 결과는 똑같다는 것을 알아두시고, 둘중에 하나를 사용하면 됩니다.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 array_javascript 호출합니다.
function array_javascript(){
    var arr = new Array();    //배열정의
    arr[0= new Array("0,0배열","0,1배열");
    arr[1= new Array("1,0배열","1,1배열");
    
 
    alert(arr[0][0]+""+arr[0][1]+""+arr[1][0]+""+arr[1][1]);    //배열을 알림창에 넣습니다.
}
</script>
</head>
<body>
<input type='button' onclick='array_javascript()' value='버튼'/>
</body>
</html>
cs

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 array_javascript 호출합니다.
function array_javascript(){
    var arr = [];    //배열정의
    arr[0= ["0,0배열","0,1배열"];
    arr[1= ["1,0배열","1,1배열"];
    
 
    alert(arr[0][0]+""+arr[0][1]+""+arr[1][0]+""+arr[1][1]);    //배열을 알림창에 넣습니다.
}
</script>
</head>
<body>
<input type='button' onclick='array_javascript()' value='버튼'/>
</body>
</html>
cs

 

 

 

 버튼을 클릭하면

이렇게 배열에 있는 내용이 차례대로 나옵니다.

 

 

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요.

JAVASCRIPT에서 배열사용하는 방법을 알려드릴꼐요.

 

예제를 보시고 유용하게 사용하세요.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<meta charset="utf-8"/>
<html>
<head>
<title>JDK의 블로그</title>
<script language="javascript">
//버튼클릭시 array_javascript 호출합니다.
function array_javascript(){
    var arr = new Array();    //배열정의
 
    arr[0= 'jdk\'';    //배열은 0부터 시작하며, 순차적으로 넣습니다.
    arr[1= 's ';
    arr[2= 'blog';
 
    alert(arr[0]+""+arr[1]+""+arr[2]);    //배열을 알림창에 넣습니다.
}
</script>
</head>
<body>
<input type='button' onclick='array_javascript()' value='버튼'/>
</body>
</html>
cs

 

 

처음에 나오는 버튼을 클릭하면 밑에 그림이 나오는 것을 확인할 수 있어요.

 

 

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

 

안녕하세요

이제부터 textBox에 글자를 버튼으로 인해서 textBox를 변경하는 방법을 알려드릴꼐요.

도움이 되었으면 좋겠어요.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<meta charset="utf-8"/>
<html>
<head>
<title>JDK's 블로그</title>
<script language="javascript">
//textBox에 jdk's blog를 추가합니다.
function input_Text(){
    document.getElementById("test").value = 'JDK\'s blog';
}
</script>
</head>
<body>
<input type='text' id='test' value='test용'/><input type='button' onclick='input_Text()' value='버튼'/>
</body>
</html>
cs

이제 textBox 전후를 보여드릴꼐요.

document.getElementById("ID").value로 특정 ID를 가져다가 넣도록 했습니다.

 

 

 위에 화면이 버튼 클릭전이고, 밑에가 클릭후에 나오는 화면이예요. 이만 마치겠습니다.

 

 

 

 

'JAVASCRIPT' 카테고리의 다른 글

JAVASCRIPT 이차원배열 사용하기  (0) 2015.11.22
JAVASCRIPT 배열사용법  (0) 2015.11.22
JAVASCRIPT에 태그 추가하기  (0) 2015.11.21
JAVASCRIPT 즐겨찾기 추가하기  (0) 2015.11.21
JAVASCRIPT 문자열 찾기  (0) 2015.11.19
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요.

HTML안에 태그를 추가하는 방법을 알려드릴꼐요.

ID를 이용해서 innerHTML를 추가할려고 합니다.

확인하고, 유용하게 쓰길 바래요.

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<meta charset="utf-8"/>
<html>
<head>
<title>즐겨찾기 추가</title>
<script language="javascript">
//span1에 jdk's blog를 추가합니다.
function innerHTML_f(){
    document.getElementById("span1").innerHTML = 'JDK\'s blog';
}
</script>
</head>
<body>
<span onclick='innerHTML_f()' id='span1'>123123</span>
</body>
</html>
cs

 

 

 일단 이렇게 결과가 나와요. 123123을 클릭하면..

 

JDK's blog가 나와요.

 

이렇게 해서 태그도 추가가 가능해요.

 

 

 

 

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

 

안녕하세요.

이번엔 자바스크립트를 이용해서 IE에 즐겨찾기를 추가하는 방법을 알려드릴께요.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<meta charset="utf-8"/>
<html>
<head>
<title>즐겨찾기 추가</title>
<script language="javascript">
<!--
function bookmark(){
window.external.AddFavorite('http://jdkblog.tistory.com''JDK\'s blog')
}
-->
</script>
</head>
<body>
<a href="javascript:bookmark()">즐겨찾기 추가</a>
</body>
</html>
 
cs

window.external.AddFavorite('http://jdkblog.tistory.com''JDK\'s blog')

첫번쨰 매개변수는 URL이고, 뒤에 있는 것은 즐겨찾기에 들어갈 즐겨찾기 명입니다.

 

 

 

 

 

 

 

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요 이번엔 문자열 찾는 방법을 알려드릴꼐요.

찾을 문자열.indexOf("찾을 문자열");

을 쓰면 되는데요.

 

예제 소스를 보여드릴꼐요.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
    function testAlert(){
        var imsi = "jdk";
        var position = imsi.indexOf("jddd");
        if(position > -1){
            console.log(imsi+"'s Blog");
        }else{
            console.log(imsi+" is not.");
        }
    }
</script>
<body onload = "testAlert()">
 
</body>
cs

 position은 해당 문자열이 어디있는지 가지고 있습니다.

해당 문자열이 포함되어 있다면, 포함된 위치가 나와서 -1보다는 크게 됩니다.

그렇지 않으면 다른문자열이 나옵니다.

 

 

 

'JAVASCRIPT' 카테고리의 다른 글

JAVASCRIPT에 태그 추가하기  (0) 2015.11.21
JAVASCRIPT 즐겨찾기 추가하기  (0) 2015.11.21
JAVASCRIPT 문자열 자르기2  (0) 2015.11.19
JAVASCRIPT 문자열 잘라서오기  (0) 2015.11.18
JAVASCRIPT 변수사용하기  (0) 2015.11.18
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요

저번에 substirng함수를 알려드렸었죠..?

substr함수를 사용해서 문자열을 자르는 방법을 알려드릴께요

 

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
    function testAlert(){
        var imsi = "2015-11-11";
        console.log(imsi.substr(0,4)+"-"+imsi.substr(5,2)+"-"+imsi.substr(8,2));
        
    }
</script>
<body onload = "testAlert()">
 
</body>
cs

문자열.substr(시작문자열,가져올문자열수)를 쓰면 필요한 문자열을 가져올 수 있습니다.

 

이렇게 결과가 나왔어요.. substring으로 해결이 안됬다면 이렇게 처리해서 해결해 보는 것도 좋은거 같아요.

'JAVASCRIPT' 카테고리의 다른 글

JAVASCRIPT 즐겨찾기 추가하기  (0) 2015.11.21
JAVASCRIPT 문자열 찾기  (0) 2015.11.19
JAVASCRIPT 문자열 잘라서오기  (0) 2015.11.18
JAVASCRIPT 변수사용하기  (0) 2015.11.18
JAVASCRIPT log띄우기  (0) 2015.11.18
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

안녕하세요.

자바스크립트에서 문자열 자르는 방법을 알려드릴꼐요

문자열.substring(시작위치,끝나는 위치); 로 나오는 간단한 방법을 알려드릴께요

 

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
    function testAlert(){
        var imsi = "2015-11-11";
        console.log(imsi.substring(0,4)+"-"+imsi.substring(5,7)+"-"+imsi.substring(8,10));
        
    }
</script>
<body onload = "testAlert()">
 
</body>
cs

 

이렇게 결과가 나옵니다. 필요한 문자를 잘라서 표기해서 유용하게 사용하세요 ㅎㅎ.

도움이 될지 모르겠네요

 

 

'JAVASCRIPT' 카테고리의 다른 글

JAVASCRIPT 문자열 찾기  (0) 2015.11.19
JAVASCRIPT 문자열 자르기2  (0) 2015.11.19
JAVASCRIPT 변수사용하기  (0) 2015.11.18
JAVASCRIPT log띄우기  (0) 2015.11.18
JAVASCRIPT alert창띄우기  (0) 2015.11.18

+ Recent posts