728x90
반응형
SMALL

사용자 입력 및 메시지 출력 사용자에게 메시지를 출력하거나, 입력을 받을 수 있는 3가지 다이얼로그가 있음

(1) Prompt(프롬프트)
prompt("메시지", "디폴트 입력 값")

디폴트 값은 생략이 가능하다.
사용자가 입력한 문자열 값을 리턴하지만 아무 값도 입력하지 않으면 ""을 리턴
취소나 강제로 닫으면 null을 리턴
  • var : 자바스크립트의 변수 선언
  • console.log : 변수값이나 텍스트 등을 확인하기 위해 사용하는 로그생성 함수 이를 확인하기 위해서 Chrome 등 브라우저의 개발자 도구 => console에서 확인

(2) Confirm(컨펌, 확인)
confirm("메시지")

확인/취소 버튼을 가진 다이얼로그를 출력한다.
확인 = true, 취소 도는 강제 종료 시 false를 리턴

(3) Warning(경고)
alert("메시지")

728x90
반응형
LIST
저작자표시 비영리 동일조건

'개발 > 정리 내용' 카테고리의 다른 글

Funcion(함수)  (0) 2023.01.10
데이터 타입과 변수  (0) 2023.01.10
자바스크립트로 HTML 요소 출력  (0) 2023.01.10
자바스크립트 코드의 위치  (0) 2023.01.10
Visual Studio Code에서 HTML 실행하기  (0) 2023.01.10
728x90
반응형
SMALL

 

자바스크립트 코드로 HTML 요소를 웹 페이지에 직접 삽입하여 브라우저 윈도우에 출력되게 할 수 있음. document.write() 또는 document.writeln()

*writeln은 줄바꿈(\n) 문자가 삽입되지만 HTML은 줄바꿈으로 표현하지 않으므로 <pre>태그를 사용하여 줄바꿈 표현이 가능

728x90
반응형
LIST
저작자표시 비영리 동일조건

'개발 > 정리 내용' 카테고리의 다른 글

데이터 타입과 변수  (0) 2023.01.10
자바스크립트 대화상자(다이얼로그)  (0) 2023.01.10
자바스크립트 코드의 위치  (0) 2023.01.10
Visual Studio Code에서 HTML 실행하기  (0) 2023.01.10
# Visual Studio 환경 설정  (0) 2023.01.10
728x90
반응형
SMALL

(1) HTML 태그 내에 이벤트 리스너(Event Listener) 속성에 작성 HTML 태그에는 마우스가 클릭되거나 키보드의 키가 입력되는 등 이벤트가 발생 시 처리하는 코드를 등록하는 리스너 속성이 있고, 여기에 자바스크립트 코드 작성

(2) <script></script> 내에 작성 <head></head>, <body></body>, body 밖 등 어디에서도 가능 웹페이지의 여러 곳에 작성 가능 <script src="경로"></script> : 외부 자바스크립트 파일을 불러올 때 사용

(3) 자바스크립트 파일에 작성 자바스크립트 코드를 확장자가 .js인 별도의 파일로 저장 <script src=".js경로"></script>

(4) URL 부분에 작성 <a> 태그는 href 속성 등에도 자바스트립트 작성 가능 href에서 자바스크립트 코드를 쓸 때에는 Javascript라는 키워드를 작성해야 함

728x90
반응형
LIST
저작자표시 비영리 동일조건

'개발 > 정리 내용' 카테고리의 다른 글

자바스크립트 대화상자(다이얼로그)  (0) 2023.01.10
자바스크립트로 HTML 요소 출력  (0) 2023.01.10
Visual Studio Code에서 HTML 실행하기  (0) 2023.01.10
# Visual Studio 환경 설정  (0) 2023.01.10
# 자바스크립트 환경 구축  (0) 2023.01.10

+ Recent posts

티스토리툴바