alert()

자바스크립트의 가장 기본적인 출력 방법이다.

<script>
    alert('Hello JavaScript');
</script>

위의 코드는 경고창이 뜨면서 내용이 출력된다. 아래는 괄호 안에 출력할 내용을 넣을 때 참고하면 좋을 내용들이다.

1. 자주 사용하는 이스케이프(\) 문자 옵션

이스케이프 뒤의 특정문자를 붙이면 그에 맞는 동작이 된다. 예를 들어 \n을 사용하면 줄바꿈이 된다.

<script>
    alert('new \n haha');
</script>

자주 사용되는 이스케이프 문자 옵션은 다음과 같다.

참고 : \t는 일부 브라우저에서는 인식하지 않는 경우가 있다.

2. 사칙 연산

숫자로 사칙 연산한 결과를 출력하고 싶을 때는 우선 순위를 고려해야 한다.

// 다음 식들의 값은 얼마일까?
Q1. 5 + 3 * 2 = ?
Q2. (5 + 3) * 2 = ?

Q1과 Q2의 답은 11과 16이다. 덧셈보다 곱셈의 연산 우선순위가 높기 때문이다. 덧셈을 먼저 계산하고 싶다면 괄호를 사용해야 한다.

3. HTML 태그를 활용한 출력

문자열 안에 HTML 태그를 그대로 추가하면 출력시 적용된다.

<script>
    window.onload = function() {
        var list = '';

        list += '<ul>';
        list += '    <li>Hello</li>';
        list += '    <li>JavaScript</li>';
        list += '</ul>';

        // 문서에 출력
        documnet.body.innerHTML = list;
    };
</script>

• Hello
• JavaScript