반응형 예제4 [HTML소스포함] "마우스를 클릭하면 숫자 증가" JavaScript 예제 JavaScript 예제로 "마우스를 클릭하면 숫자가 증가하는 카운터" 자바스크립트 예제 소스 전체 0 위 코드에서 변수 count는 마우스를 클릭할 때마다 증가하는 숫자를 저장하는 변수입니다. 함수 increaseCount는 마우스를 클릭할 때마다 count를 1씩 증가시키고, 증가한 count를 HTML 요소의 innerHTML 속성에 적용하여 화면에 출력합니다. 이벤트 리스너를 추가하여 마우스를 클릭할 때마다 increaseCount 함수를 호출합니다. HTML 요소의 innerHTML 속성은 요소의 내부에 있는 텍스트를 변경하는 속성입니다. 이벤트 리스너는 이벤트가 발생할 때마다 특정 함수를 호출하는 기능입니다. 위 코드를 실행하면 마우스를 클릭할 때마다 숫자가 1씩 증가하는 카운터가 나타납니다. 2023. 12. 15. [HTML소스포함] "Canvas 게임", JavaScript 예제 "Canvas 게임" Canvas를 사용하여 만든 간단한 게임 자바스크립트로 게임을 어떻게 만들 수 있는지 알아볼 수 있습니다. "Canvas 게임" See the Pen 게임 by Yami LEE (@Yami-LEE) on CodePen. 요소를 사용하여 공이 움직이는 기본적인 그래픽 애니메이션 요소를 사용하여 2D 그래픽을 그리고, 공을 움직이는 기본적인 애니메이션을 만듭니다. setInterval 함수를 사용하여 draw 함수를 주기적으로 호출함으로써 애니메이션 효과를 구현합니다. ㅇ[HTML소스포함] 마우스따라 움직이는 눈동자, JavaScript [HTML소스포함] 마우스따라 움직이는 눈동자, JavaScript [HTML소스포함] JavaScript으로 만든 마우스따라 움직이는 눈동자 눈동자가.. 2023. 12. 7. [HTML소스포함] 마우스따라 움직이는 눈동자, JavaScript 예제 [HTML소스포함] JavaScript으로 만든 마우스따라 움직이는 눈동자 눈동자가 마우스를 따라 움직임 See the Pen 눈동자 by Yami LEE (@Yami-LEE) on CodePen. 코드블럭 -> JavaScript로 마우스 이동에 따라 눈동자를 움직이는 효과를 구현하였습니다. 주석을 통해 코드의 각 부분에 대한 설명을 추가했습니다. ㅇ[HTML소스포함]JavaScript로 텍스트 애니메이션 [HTML소스포함]JavaScript로 텍스트 애니메이션 HTML 삽입 미리보기할 수 없는 소스 [HTML소스포함] JavaScript 로 구현한 마우스를 올리면 텍스트가 회전하고 컬러가 변경되는 텍스트 애니메이션 텍스트 애니메이션 마우스를 올리면 텍스트가 회전 title.kr 2023. 12. 7. [HTML소스포함] 텍스트 애니메이션, JavaScript 예제 HTML 삽입 미리보기할 수 없는 소스 [HTML소스포함] JavaScript 로 구현한 마우스를 올리면 텍스트가 회전하고 컬러가 변경되는 텍스트 애니메이션 텍스트 애니메이션 마우스를 올리면 텍스트가 회전하고 컬러가 변경됩니다. 소스입니다. See the Pen Untitled by Yami LEE (@Yami-LEE) on CodePen. --> 코드블럭 호기심과 재미 ㅇ [HTML소스포함]JavaScript로 시계만들기 [HTML소스포함]JavaScript로 시계만들기 HTML과 CSS를 이용하여 시계의 모양을 만들고, JavaScript를 이용하여 시계의 시간을 실시간으로 업데이트합니다. 코드블럭 --> HTML 블럭 --> HTML 삽입 미리보기할 수 없는 소스 title2.tistory.com .. 2023. 12. 7. 이전 1 다음 728x90 반응형
