hye-log

TypeError가 발생하는 이유는 app.js #1 에서 something 이라는 id를 가져와야 하는데, index.html을 보면 something 이라는 id가 없으므로 innerText를 바꿀 수 없다고 오류가 뜨는 것이다. index.html에서 getElementByClassName("hello")를 사용하면 여러 개의 h1을 HTMLCollections로 불러온다. index.html에서 div 안에 h1으로 정의한 후 app.js에서 불러올 수 있다. getElementByTagName("h1")을 사용하면 h1을 가진 tag를 불러온다. tag는 anchor, div, section, button을 의미한다. 가장 추천하는 방법은 querySelector, querySelectorAll..

Javascript로 정보를 가져오기 위해서 document의 object와 element를 가져오는 수많은 함수들을 이용할 수 있다. 먼저 index.html의 에 태그를 이용하여 title을 id로 가지도록 정의한다. title은 console 창이나 app.js에서 불러올 수 있다. 1) console 창에서document.getElementById("title") 로 불러오기 getElementById는 id를 통해 element를 찾아오는 기능을 한다. 2) app.js 에서 document.getElementById("title")로 불러와서 변수에 저장한 뒤 console에 출력하기 이때, console.dir 를 사용하면 element를 더 자세하게 보여준다. 만약 Grab me! 라고 정..

Javascript가 어떻게 브라우저를 움직이게 할까? Javascript를 사용하는 이유는 HTML과 상호작용하기 위해서이다. 즉, HTML의 Element를 Javscript를 통해 변경하고 읽을 수 있다. console에 document를 입력하면, 작성한 HTML을 가져올 수 있다. document는 Javascript의 object 관점으로 보여준다. console에 document.title을 입력하면, object의 element를 가져오듯이 HTML에 접근해서 읽어올 수 있다. object에서는 property를 가져오고 값을 바꿀 수도 있다. 마찬가지로 console을 이용해서 HTML의 property를 바꿀 수도 있다.

conditions에서는 조건의 순서도 고려해야 한다. #11~12가 #13~14 뒤에 있으면 age > 80에서 condition이 끝나기 때문에 #11~12 는 실행되지 않는다. #11~12 뒤에 #13~14가 있기 때문에 age가 100이면 #11~12 가 실행된다. =는 value를 할당한다. ===은 value가 같다는 것을 의미한다. value가 아니라는 것을 물어볼 때는 !==를 사용한다.

Conditions(조건문)은 true인지 false인지 알려준다. 예를 들어 사용자가 로그인되어 있는지를 알 때 conditions를 사용한다. keyword는 'if' 이다. prompt는 message와 default, 두 개의 argument를 받아서 사용자로부터 값을 입력받는다. prompt가 실행되면 javascript를 일시정지 시키고, CSS를 적용시키지 못해서 잘 사용하지 않는다. 요즘은 HTML, CSS로 만든 자신만의 창을 사용한다. typeof는 type을 return 해주는 함수이다. prompt로 받은 type은 무조건 string이기 때문에, 숫자를 받으려면 다른 함수를 사용해야 한다. parseInt는 string을 Int로 바꾸어준다. string을 int로 바꾸었는데 숫자..