이 포스팅은 PC로 작성되었습니다.
모바일로 보시는 분들에게는 가끔
줄 바꿈이 어색하게 보일 수 있습니다.
지난 포스트
자바스크립트, 함수 2
이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 함수 1 이 포스팅은 PC로 작성되었습니다. 모바일로 보
gogogameboy.tistory.com
드디어 그동안 배운 함수를 이용해서 뭔가를 만들어보는 시간입니다.
함수 공부를 처음 할 때에 생활코딩 강의 영상에서 <head>와 </head> 사이에 미리 써놓은 자바스크립트 코드를 <body>로 불러와서 쓰는 것을 보여줬었는데요, 그걸 만들어보겠습니다.
함수의 활용
위의 소스 코드는 PC에서 드래그 후,
ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다.
ctrl+c(복사)는 불가능합니다.
영상에서 nightDayHandler라고 쓴 것과 self라고 써놓은 값을 꼭 그대로 써야만 작동하는 것인지 궁금해서 저는 nad, chicago 같은 값으로 바꿔서 적어보았습니다.
그래도 잘 작동하네요.
이렇게 웹페이지에 똑같은 버튼을 여러개 만들기 위해 똑같은 긴 코드를 본문에서 여러 번 반복할 필요가 없이, 함수를 이용해서 긴 코드를 여러 번 반복하지 않고도 버튼을 여러 개 만들 수 있다는 것을 배웠습니다.
다음 포스트
자바스크립트, 객체 1
이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 함수의 활용 이 포스팅은 PC로 작성되었습니다. 모바일
gogogameboy.tistory.com
이 글이 도움이 됐다면 하단의 ♡ 공감 버튼을 꾹 눌러서
빨간 하트♥로 만들어주세요.
지인에게 보여주고 싶은 글이었다면
공감 버튼 옆을 클릭해서 SNS에 공유해주세요.
댓글은 블로그 운영에 큰 힘이 됩니다.
'front-end > JavaScript' 카테고리의 다른 글
| 자바스크립트, 객체 2 (0) | 2021.02.24 |
|---|---|
| 자바스크립트, 객체 1 (0) | 2021.02.03 |
| 자바스크립트, 함수 Function 2 (0) | 2021.02.01 |
| 자바스크립트, 함수 Function 1 (0) | 2021.01.31 |
| 자바스크립트, 배열과 반복문의 활용 (0) | 2021.01.30 |
댓글