본문 바로가기
front-end/JavaScript

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

by Dreaming Coder 2021. 1. 20. 16:11

 


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

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

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

 


 

 

 

지난 포스트

 

자바스크립트란?

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 코딩을 독학으로 배울 수 있는 사이트 생활코딩 이 포스팅은 PC로 작성되었습니다.

gogogameboy.tistory.com

지난 포스트에서는 강의 영상만 시청했습니다.

웹페이지 화면에 있는 버튼을 클릭하는 것만으로 웹페이지의 화면이 야간 모드로 전환이 되는 효과를 보았는데요,

이번 포스트에서는 간단한 자바스크립트 코드를 작성해보겠습니다.

 

 

 

 

 

 

 

스크립트 <script> 태그

 

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

 

 

 

JavaScript

html

1+1

 

위의 소스 코드로 이런 결과가 나왔습니다.

이렇게 보시는 바와 같이 자바스크립트는 동적입니다.

앞으로 공부하게 될 내용이 점점 기대가 되네요.

 

어쨌든 중요한 것은 document.write(1+1); 은 자바스크립트의 코드라는 것,

그리고 html 안에 자바스크립트 코드를 넣기 위해서는 <script> 태그를 써야 한다는 것을 배웠습니다.

 

 

 

 

 

 

다음 포스트

 

자바스크립트 onclick 속성

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

gogogameboy.tistory.com

 

 

 


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

 


 


댓글