[Javascript] document.querySelector등

순서도 그리기
1. 프로그램 절차의 개수는 정해져 있어야 한다.
2. 각 절차는 항상 같은 내용이어야 한다.
3. 모든 가능성을 고려해야 한다.
4. 예시는 절차를 검증하는데 사용한다.

대화상자띄우기
prompt 대화상자에 사용자가 입력한 메시지가 문자열 형태로 전달되고 입력하지 않고 취소를 누르면 null 전달
alert 단순한 알림창, 호출시 확인을 누르기 전까지 다음 스크립트 실행 중단 (디버깅 용도로는 console.log를 사용해라)
confirm 사용자에게 확인을 받을 때 사용. 확인은 true 취소 false전달

html태그 선택하기
document.querySelector('선택자'); 하나의 태그 선택
선택자는 html태그를 선택할 수 있게 도와주는 문자열 - 제일 첫번째 태그가 선택됨
document.querySelectorAll('선택자'); 태그 여러개 선택

document.querySelector('선택자 내부선택자 내부선택자...');
document.querySelector('div span');
div의 자손 span을 찾는다.
document.querySelector('div>span');
div의 자식 span을 찾는다.

입력창에 입력된 값은 value 속성으로 가져온다. value
입력창.value // 입력창의 값을 가져옴
입력창.value = 값 // 입력창에 값을 넣음

입력 태그(input, select, textarea등)가 아닌 일반 태그들의 내부 값을 가져올 때는 value가 아니라 textContent 속성을 사용한다.
태그.textContent // 태그 내부의 문자를 가져옴
태그.textcontent = 값 // 태그 내부의 문자를 해당 값으로 설정