[JAVA SCRIPT.02] Javascript 기본

HTML+CSS+JAVASCRIPT/JavaScript

[JAVA SCRIPT.02] Javascript 기본

Mink__02 2024. 1. 18. 11:57

1. <script>

: html 문서에 삽입 할 수 있다. 브라우저에서 script를 만나면 코드를 자동으로 처리

<!DOCTYPE HTML>
<html>
<body>
  <p>스크립트 전</p>
  <script>
    alert( 'Hello, world!' );
  </script>
  <p>스크립트 후</p>
</body>
</html>

language 속성
<script language= .. >
type 속성
<script type = .. >
외부 스크립트
- 외부 자바스크립트 파일을 가져올 수 있건, 외부 URL을 속성으로 가져올 수 있다.
<script src = " 경로/경로/어쩌고.js">
<script scr = "https://www.어쩌고">
! 복수의 스크립트를 삽입 할 수 있다

2. 변수

let
const - java와 동일하게 한번 값 할당 시, 바꿀 수 없는 상수를 정의
var

등을 이용하여 선언할 수 있다.

3. browser과의 상호작용을 위한 함수

(1) alert() : 확인(OK)를 누를 때까지 메시지를 보여주는 창을 출력한다.

(2) prompt(): 브라우저에서 제공하는 prompt 함수는 두개의 인수를 받는다.

-> 함수 실행시 텍스트 메세지와 입력필드, 확인 및 취소 버튼이 있는 모달 창을 출력

let age = prompt('나이를 입력해주세요.',[default]);
alert('당신의 나이는 ${age}살 입니다.');

prompt 창을 띄워, 입력 값을 받아 age 에 저장한 후, 초기화 시킨다.
age와 함께 문자열을 출력한다.

(3) confirm(question) : 매개변수로 받은 question과 확인/취소 버튼을 보여준다. 확인->true/ 그외 ->false로 반환