목록Frontend/JavaScript (27)

개발

좌표를 이용한 배열, 맵 연동

맵에 0일시 아무것도 없고 1일시 스위치 2일시 공이 나옵니다. 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 Document #container{ background-color: red; width: 1000px; height: 600px; margin: auto; position: relative; } var map=[ [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0..
Frontend/JavaScript 2021. 3. 20. 16:16
배열을 이용한 좌표녹화, 이동

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 Document body{margin: auto;} .wrapper{ width: 1200px; height: 900px; background-color: yellow;..
Frontend/JavaScript 2021. 3. 20. 16:10
스크롤배너 예제

마우스가 올라갈 시 정지기능! 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 나는 개발자다. var imgWidth=100; var imgHeight=100; var gap=5; var imgcount=3; var container; var imgArray=["a.png","b.png","c.png","d.png","e.png","f.png","g.png","h.png"]; var ba..
Frontend/JavaScript 2021. 3. 20. 15:56
단어게임 예제

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 Do..
Frontend/JavaScript 2021. 3. 20. 15:48
랜덤 조 할당 예제 2

스터디원 요청으로 랜덤, 이동기능까지 추가하였습니다. 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 Document body{margin: 0px} .wrapper{ width: 1000px; height: 800px; background: chartreuse; margin: auto; position: relative; text-align: center; }..
Frontend/JavaScript 2021. 3. 20. 15:42
랜덤으로 조 할당 예제

인풋박스에서 받아온 이름들을 버튼을 누를 시 어레이.value.split(",") 기능을 사용하려 배열로 나눠주고 어레이.sort(function(a, b){return 0.5 - Math.random()}) 기능으로 랜덤으로 정렬 해준 뒤 하단 인풋박스에 순서대로 넣어주는 방식입니다. 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 Document .wrapper{ width: 300px; margin: auto; text-align: center; } ..
Frontend/JavaScript 2021. 3. 20. 15:37
이전 Prev 1 2 3 4 5 Next 다음