자바스크립트
- 동적인 웹 문서 제작과 웹 응용 프로그램 개발을 위한 사용자 인터페이스 개발을 위해서 필수적으로 사용됨.
- 인터프리터 기반 언어
- 객체 기반
- 대소문자 구분
작성방법
- 브라우저 콘솔에 직접 작성
- html 내부에 script 태그를 이용해서 작성
- html 외부에 (.js) 파일을 이용해서 작성
- 태그에 직접 JS코드를 작성
src가 있는 스크립터는 내용X
- [window.] alert("알림창에 출력할 문구");
- console.lof("콘솔창에 출력할 문구");
- document.write("화면상에 출력할 문구");
- 선택한 요소.innerText = "요소에 출력할 문구";
- 선택한 요소.innerHTML="요소에 출력할 문구";
- document.write("내용")
- innerText: 자바스크립트에서 요소에 작성된 내용을 읽어들이거나 변경하는 속성
- innerHTML: 요소 전체를(태그, 속성, 내용) 읽어들이거나 변경하는 속성
데이터를 입력받는 구문(변수저장)
- 변수 = [window.]confirm("요구사항");
- 변수 = [window.]prompt("요구사항");
- 변수 = 선택한요소.속성(className, innerHTML, innerText)
- 변수 = 선택한input요소.value;
confirm: 질문에 대한 예/아니오 결과를 얻고자 할 때 사용하는 대화 상자 출력 함수
prompt: 텍스트를 작성할 수 있는 대화상자. 확인: 입력한 값 반환(문자열)
취소: null 반환
설정: text요소.value = 값;
접근: let 변수 = text 요소.value;
'HTML+CSS+자바스크립트' 카테고리의 다른 글
함수, 이벤트 (0) | 2023.05.30 |
---|---|
Js변수 (0) | 2023.05.26 |
CSS고급 선택자 (0) | 2023.05.24 |
CSS,박스 모델 (0) | 2023.05.23 |
p.233,234,235 예제 (0) | 2023.05.22 |