JavaScript 표시 기능 사용

JavaScript는 다양한 방식으로 데이터를 "표시"할 수 있는 프로그래밍 언어입니다. 주로 웹에서 사용하며, 여기에는 다음과 같은 방법들이 있습니다.

1. HTML 요소에 쓰기 (innerHTML 사용)

JavaScript에서 HTML 요소에 액세스하려면 document.getElementById(id) 메소드를 사용하고, innerHTML 속성을 사용해 HTML 콘텐츠를 정의할 수 있습니다.

예:

   <p id="demo"></p>
   <script>
   document.getElementById("demo").innerHTML = 5 + 6;
   </script>

HTML 요소의 innerHTML 속성을 변경하는 것은 데이터를 HTML로 표시하는 일반적인 방법입니다.

2. document.write() 사용

테스트 목적으로 document.write()를 사용하는 것이 편리합니다.

예:

   <script>
   document.write(5 + 6);
   </script>

단, HTML 문서가 로드된 후에 document.write()를 사용하면 기존 HTML이 모두 삭제됩니다. 따라서 document.write() 메서드는 테스트용으로만 사용해야 합니다.

3. window.alert() 사용

경고 상자를 사용하여 데이터를 표시할 수 있습니다. window 키워드는 건너뛸 수 있으며, 전역 범위 객체인 window 객체에 속합니다.

예:

   <script>
   alert(5 + 6);
   </script>

4. console.log() 사용

디버깅을 위해 console.log() 메서드를 브라우저에서 호출하여 데이터를 표시할 수 있습니다.

예:

   <script>
   console.log(5 + 6);
   </script>

5. 자바스크립트 인쇄

JavaScript에는 인쇄 개체나 인쇄 메서드가 없으며 출력 장치에 액세스할 수 없습니다. 유일한 예외는 window.print() 메소드를 호출하여 현재 창의 내용을 인쇄할 수 있다는 것입니다.

예:

   <button onclick="window.print()">Print this page</button>

이러한 방법들을 이용하여 JavaScript에서 데이터를 다양하게 표시하고 처리할 수 있으며, 각 방법은 상황과 필요에 따라 선택하여 사용하면 됩니다.