본문 바로가기
front-end/JavaScript

자바스크립트 onclick 속성

by Dreaming Coder 2021. 1. 21. 08:46

 


이 포스팅은 PC로 작성되었습니다.

모바일로 보시는 분들에게는 가끔

줄 바꿈이 어색하게 보일 수 있습니다.

 


 

 

 

지난 포스트

 

JS, HTML문서에 자바스크립트 사용하기

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트란? 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는

gogogameboy.tistory.com

지난 포스트에서는 html문서 안에 자바스크립트 코드를 넣기 위해서는 <script> 태그를 써야 한다는 것을 배웠습니다.
하지만 꼭 <script></script> 태그 안에만 자바스크립트의 코드가 들어가는 것은 아닙니다.

아래의 영상을 함께 보시죠~

 

 

 

 

 

 

 

alert('')

 

위의 소스 코드는 PC에서 드래그 후,
ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다.
ctrl+c(복사)는 불가능합니다.

 

 

 

 

HTML 여러 가지 버튼들

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 HTML 라디오 버튼과 체크박스 태그 이 포스팅은 PC로 작성되었습니다.

gogogameboy.tistory.com

전에 html을 공부하면서 자바스크립트의 코드가 나온 적이 있는데, 그 코드를 드디어 이번에 배우게 됐네요.

 

<input> 태그 안에 들어가는 onclick, onchange, onkeydown 등의 on이라는 말이 들어가는 속성들 다음에는 항상 자바스크립트의 코드가 들어갑니다.

 

 

위의 소스 코드로 만들어진 버튼과 컨트롤입니다.

강의 영상에서 보던대로 잘 동작하는지 확인해보시기 바랍니다.

 

 

 

 

 

 

다음 포스트

 

자바스크립트, 구글 크롬에서 콘솔 Console 사용

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트 onclick 속성 이 포스팅은 PC로 작성되었습니다. 모바일로

gogogameboy.tistory.com

 

 

 


이 글이 도움이 됐다면 하단의 공감 버튼을 꾹 눌러서
빨간 하트로 만들어주세요.
지인에게 보여주고 싶은 글이었다면
공감 버튼 옆을 클릭해서 SNS 공유해주세요.
댓글은 블로그 운영에 큰 힘이 됩니다.

 


 


댓글