본문 바로가기

Webstoryboy

Category

Explanation

JAVASCRIPT

[Javascript] 대입 연산자

대입 연산자

대입 연산자는 사칙연산을 간결하게 표현할 때 사용합니다.

대입 연산자

연산자 표현 설명
+= x += 10 x = x + 10
-= x -= 10 x = x - 10
*= x *= 10 x = x * 10
/= x /= 10 x = x / 10
%= x %= 10 x = x % 10

Sample1

대입 연산자를 이용한 예제입니다.

결과
10
html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>복합 연산자</title>
    <script>
        var x = 10;
        var y = 20;

        //x = x + 10;
        //x += 10;
        
        //y = y - 10;
        //y -= 10

        //x = x * 10;
        //x *= 10;

        //y = y / 10;
        //y /= 10;

        //x = x % 10;
        //x %= 10;

        document.write(x);
    </script>
</head>
<body>
    
</body>
</html>

Sample2

대입 연산자를 이용한 테이블 만들기 예제입니다.

결과
1 2 3
html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table</title>
    <script>
        var table = "<table border='1'>";
        table += "<tr>";
        table += "<td>1</td><td>2</td><td>3</td>";
        table += "</tr>";
        table += "</table>";

        document.write(table);
        console.log(table);
    </script>
</head>
<body>
    <!-- <table border="1">
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </table> -->
</body>
</html>

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기