<JavaScript> html과의 관계

https://opentutorials.org/course/3085

WEB2 - JavaScript - 생활코딩

*이 강의를 보면서 작성한 노트입니다. 

 

1.

HTML은 정적이지만 JavaScript는 동적으로 사용자와 상호작용을 할 수 있게 해 줍니다. 

JavaScript는 HTML위에서 작동하는 언어입니다. 그러기에 html에 JavaScript를 넣으려면 <script> 테그를 이용합니다. (HTML에게 JavaScript코드가 들어간다는걸 알려주기 위함)

JavaScript은 동적이기에 document.write()안에 1+1을 넣으면 2를 출력합니다. 웹페이지에 어떤 글씨를 출력할때는 JavaScript는 document.write()을 씁니다.

 

2. 

경고창은 alert이라는 기능입니다.

<input> 태그의 onclick속성을 사용해서 경고창을 사용합니다. 이 onclick의 속성값으로는 반드시 JavaScript가 와야합니다. 또 onclick의 속성값은 '웹브라우저가 기억하고 있다가 사용자가 클릭했을때 기억하고 있던 JavaScript코드를 JavaScipt 문법에 따라 해석해 거기 적혀있는대로 웹브라우저가 동작할 것 입니다' 라는 뜻입니다.

다른 input의 속성으로는 onchange (택스트 안 글이 바뀌면), onkeydown(사용자가 키를 다운했을때)등이 있습니다. 

이런 속성들을 이벤트 (event)라고 합니다. 

 

3.

console에서 alert('문자열'.length) 라고 하면 문장의 길이를 알려주는 창이 나옵니다. 이 console을 이용하면 이미 만들어져있는 웹사이트에서 여러 편리한 기능을 사용할수있습니다.