JavaScript

HTML과 JavaScript의 차이점이 뭐냐고 하면 쉽게 말해서 동적이냐 아니냐다.위에 코드에서 보면 HTML은 1+1을 하게 된다면 그대로 1+1이 나오지만,JavaScript에서는 2로 출력되는 걸 볼 수 있다.HTML은 정적이다. JavaScript는 동적이다.

이벤트란? JS가 사용자와 상호작용하는데 사용된다. input에 button타입으로 주면 아래와 같은 결과가 나온다. 만약 여기에서 글씨를 쓰고 싶으면 value속성을 쓰면 된다. 이번에는 버튼을 눌렀을때 hi라는 경고창이 뜨게 만들어 보자 경고창을 뜨게 하기

콘솔창에 위와 같이 치게 된다면 웹 브라우저 화면에 아래와 같은 결과가 나오고 문자열의 길이를 경고창으로 알려준다.key point 1) 콘솔창에서도 JS를 작동 시킬 수 있다.

x : 변수 (variable)1 : 대입 연산자1 : 항상 값이 바뀌지 않는다. 즉, 상수라고 부른다. (constant)variable vs constantkey point1) document.querySelector('body').style.background =

목표 : 웹 페이지에서 night 버튼을 누르면 background의 색상이 검정으로 바뀌고 day 버튼을 누르면 background의 색상이 흰색으로 바뀌게 한다.HTML은 한 번 화면에 표시되면 다시 바꿀 수 없는 정적인 언어이다.key point1) HTML은 한

form을 제출하게 되면 페이지가 reload현상이 일어난다.1) form 태그 안에 button이 같이 있을 때button의 type을 따로 지정하지 않으면 submit으로 설정되어 있기 때문에 버튼을 클릭하게 된다면 새로고침 현상이 일어난다.\-> form밖에 있는

요소 추가, 개별 삭제 등 다 되는데 왜 전체 삭제가 안 될까?뭔가 가위, 바위, 보의 버튼과 전체 삭제의 버튼을 동일하게 보는 것 같다.그래서 play가 진행이 되고 저런 식으로 전체 삭제라는 값을 innerText로 가져와서 생기는 문제인 것 같다.아마 이 구간에서

쉽게 말해서 객체를 생성하는 방식이라고 하면 된다.중괄호({})를 사용하여 객체의 구조를 직접 선언하고, 그 안에 속성(키와 값)을 정의함으로써 객체를 초기화 시키는 방식이다.생성자 함수나 클래스를 사용하지 않고도 간단하게 객체를 생성할 수 있게 해준다.배열은 객체의