꿈 많은 사람의 이야기

자바스크립트로 폰트 변경 등의 효과를 넣어보자! 아래 사진 처럼말이다 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 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 Title var zoom = function(demo){ //함수 호출 -> 인자값으로 아이디를 받는다. demo.style.color = 'red'; demo.style.fontSize = '34pt'; }; window.onload = function () { var h = document.getElementById('hideBtn'); var op = document.getElement..

자바스크립트의 배열은 객체이다. 무늬만 배열이다. 자바스크립트 배열은 2가지가 있다. 1. 일반적 배열 리터럴인 var a = ["aa", 123]; 2. var points = new Array(40, 100) 2가지의 방법이 있고 내부적으로 동일하다. 근데 2번 방법에는 조심해야할 문법이 있다. 위에 써져 있는 2번과 같은 형태는 40, 100이라는 값이 배열에 들어가있다. 하지만 만약 var points = new Array(40); 을 하면 배열 크기가 40인 객체를 생성하는 것이다. 이것을 조금 조심해야 한다! 그리고 자바스크립트에서 배열은 좀 특이한게 자바에서 배열은 String이면 String, int면 int만 가능했다. 하지만 자바스크립트에선 배열 요소가 달라도 상관없다. 문자열, 숫자,..

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 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 12..

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 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 Document var index = 0; //이미지에 접근하는 인덱스 window.onload = function(){ slideShow(); } function slideShow() { var i; var x = document.getElementsByClassName("slide1"); //slide1에 대한 dom 참조 for (i = 0; i x.length) { index = 1; //인덱스가 초과되면 1로 변경 } x[index-1].style.display = "block"; //해당..

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 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 Document div#area{ font-size: 30px; } 시작단: 종료단: 구구단 출력 var area = document.getElementById("area"); //아이디가 area인 DOM(document object model, 문서 객체 모델) 생성(참조) var gugudan = ""; var btn = document.getElementById("sBtn"); btn.onclick = function(){ var start = Numbe..

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 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 Document #topMenu ul{ overflow: hidden; } #topMenu li{ width: 200px; height: 40px; border: 1px solid red; floa..

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 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 이미지갤러리 #imgGallery{ border: 3px solid orange; width: 300px; overflow: hidden } #imgGallery img{ width: 300px; } #smallImgs img{ float:left; width: 100px; } hr{ margin: 0; padding: 0; size:5px; } wi..

아래는 html 파일이다. Document 아래는 자바스크립트 소스 파일이다. 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 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113..

자바스크립트에서 제공해주는 Math 기능은 다음과 같이 대표적인게 있다. 함수 또는 상수 설명 PI PI 상수. 3.141592....round( ) 가장 가까운 값을 반환 pow( ) 제곱 sqrt( ) 제곱근 abs( ) 절대값 ceil( ) 가까운 up의 수 floor( ) 가까운 down 수 sin( ) 싸인 함수 cos( ) 코싸인 함수 min( ) 최솟값 max( ) 최댓값 random( ) 0 ~ 1까지의 난수 생성 사용법은 아래와 같다. Math.PI; Math.round(4.7); // 5 가까운 값 Math.round(4.4); // 4 가까운값 Math.pow(8, 2); // 64 제곱 Math.sqrt(64); // 8 제곱근 Math.abs(-4.7); // 4.7 절대값 Mat..

자바스크립트에선 문자열을 숫자로 변경하는게 매우 간단하다. 애시당초 변수를 선언하고 숫자를 넣으면 숫자, 문자열을 넣으면 문자열 타입으로 넣을 수 있는거 자체가 간단하긴하다. var a = 10; //숫자형 var a = "abc";//문자열 형 하지만 문자열을 숫자로 바꿀 수 있는 방법이 있다. Number() 나 parseInt()를 이용하면 된다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 var x = true; Number(x); //1 x = false; Number(x); //0 x = "10"; Number(x); // 숫자 10 x = "10 20"; Number(x); //NaN(Not a Number) x = "afd"; Number(x); //N..