자바스크립트

  • 동적인 웹 문서 제작과 웹 응용 프로그램 개발을 위한 사용자 인터페이스 개발을 위해서 필수적으로 사용됨.
  • 인터프리터 기반 언어
  • 객체 기반
  • 대소문자 구분

작성방법

  • 브라우저 콘솔에 직접 작성
  • html 내부에 script 태그를 이용해서 작성
  • html 외부에 (.js) 파일을 이용해서 작성
  • 태그에 직접 JS코드를 작성

src가 있는 스크립터는 내용X

  • [window.] alert("알림창에 출력할 문구");
  • console.lof("콘솔창에 출력할 문구");
  • document.write("화면상에 출력할 문구");
  • 선택한 요소.innerText = "요소에 출력할 문구";
  • 선택한 요소.innerHTML="요소에 출력할 문구";
  1. document.write("내용")
  2. innerText: 자바스크립트에서 요소에 작성된 내용을 읽어들이거나 변경하는 속성
  3. 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

+ Recent posts