목록Frontend/JavaScript (27)

개발

삼항연산자 응용 (스위치 on, off)

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 Document #wrapper{ background-image: url(../images/room.jpg); background-size: cover; width: 900px; height: 622px; margin: auto; position: relative; } #wrapper img{ width: 35px; position: absolute; top: 0px; } #surface{ background-color: black; width: 100%; height: 100..
Frontend/JavaScript 2021. 3. 5. 23:04
연산자 정리

1. 산술 연산자 + 더하기 - 빼기 * 곱하기 / 나누기 % 나누고 난 나머지 2. 증감 연산자 ++ 더하기 1 ex) x++, ++x -- 빼기 1 ex) x--, --x 3. 대입연산자 (바로 변수에 대입) = 같다 ex) var x = 2; += n더하기 ex) x += 2; -= n빼기 ex) x -= 2; *= n곱하기 ex) x *= 2; /= n나누기 ex) x /= 2; %= %나머지 ex) x %= 2; 4. 논리연산자 && and ex) x
Frontend/JavaScript 2021. 3. 5. 22:46
버튼 클릭시 기능 주기 (간단한 카운팅 예제)

간단한 카운터기능과 자동으로 그 기능을 반복해주는 기능을 만들어 봅시다! 1 2 3 4 5 6 7 8 9 10 11 12 13 카운터 카운터 증가 자동 증가 Colored by Color Scripter cs 버튼을 먼저 만들어 주고 onClick 기능에 함수명을 각각 setCount()와 auto()로 줍니다! 자동버튼은 한번만 클릭되고 비활성화 시키기 위해 뒤에 this.disable=true 옵션도 넣어줍니다. 눌렀을 때 비황성화 되는지도 잘 확인 해 주세요. 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 카운터 input{ height: 500px; width: 600px; background-color: dodgerblue;..
Frontend/JavaScript 2021. 3. 5. 22:30
이전 Prev 1 2 3 4 5 Next 다음