웹/웹프로그래밍

자바스크립트 기초문법

은은하게미친자 2022. 11. 10. 14:03
728x90

자바스크립트 

 

1. 선언

내부선언
    <script>
       자바스크립트 

    </script>
외부선언
    <script src="js/import.js">

    </script>

2. 코드 작성시 주의점

  • 대/소문자 가려서 써야한다
  • 실행문을 마치고는 세미콜론을 사용하여 마무리 하는 것이 좋다.
  • 한줄에 한문장씩만 작성
  • 문자형 데이터를 작성 할 때 중첩 따옴표를 피해야 함.
  • 코드를 작성할때 중괄호, 소괄호 짝이 맞아야함.

따옴표 표시는 : \" 

document.write("say\"hello\"");
document.write('say"hello"');
 
둘다 하기 사진과 같이 출력됨
body에 출력됨.

 

 

3. 변수

: 변하는 수를 저장한느 공간

var 변수명 = 값;
var num = 10;
var str = "값";
var bool = true;
num = null;

4. 연산자

산술연산자 + - * / %
문자 연산자  +
복합 대입 연산자  +=, =+, *=, /=, %=
단항연산자 ++, --
비교 연산자 <, >, <=, >=, ==, !=, ===, !==

=== : 데이터형까지 같냐
!== : 데이터형까지 다르냐
논리연산자 && : AND 논리곱
|| : OR 논리합
! : NOT

AND연산자 우선 처리
삼항조건 연산자 논리형데이터 ? 값1 : 값2
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //document.write('say"hello"');
 
        var num1 = 10;
        var num2 = 20;
        var num3 = 3;
        var num4 = "10";
        var result;
 
        result = num1 + num2;
 
        document.write(result , "<br>");
    </script>
</head>
<body>
    bb
</body>
</html>
 cs
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var num = prompt("숫자를 입력하세요 : " , "0");
 
        var result = ((num % 2)==0) ? "짝수" : "홀수"; 
 
        document.write(result, "<br>");
    </script>
</head>
<body>
    bb
</body>
</html>
 cs

 

 

728x90