JavaScript에서 문서에 텍스트 출력하기

JavaScript를 사용하면 HTML 페이지의 태그를 제어할 수 있으며, 예를 들어 텍스트를 출력할 수 있습니다. 이 내용은 DOM 작업을 다루는 섹션을 나중에 학습할 때 배우게 될 것입니다.

그러나 디버깅 목적으로 때로는 브라우저 창에 어떤 텍스트를 출력해야 할 필요가 있습니다. 이는 document.write 명령을 사용하여 수행됩니다. 예제를 통해 사용법을 살펴보겠습니다.

숫자 값을 출력해 봅시다:

document.write(123);

텍스트를 출력해 봅시다:

document.write('text');

태그로 감싸진 텍스트를 출력해 봅시다:

document.write('<b>text</b>');

변수에 있는 텍스트를 출력해 봅시다:

let str = 'text';
document.write(str);

변수에 있는 텍스트를 태그로 감싸서 출력해 봅시다:

let str = 'text';
document.write('<b>' + str + '</b>');

두 줄로 된 텍스트를 출력해 봅시다:

document.write('text <br> text');

여러 텍스트를 세로 열로 출력해 봅시다:

document.write('text1<br>');
document.write('text2<br>');
document.write('text3<br>');

다음과 같이 할 수도 있습니다:

document.write('text');
document.write('<br>');
document.write('text');

브라우저 창에 텍스트를 출력해 보세요.

텍스트를 기울임꼴로 만들어 브라우저 창에 출력해 보세요.

다음 변수가 주어졌을 때:

let str = 'text';

변수에서 텍스트를 가져와 기울임꼴로 브라우저 창에 출력하세요.

브라우저 창에 1부터 5까지의 숫자를 세로 열로 출력하세요.