JS의 데이터를 표시할 방법들을 알아봅시다.
innerHTML 사용
(innerHTML은 HTML content임을 뜻한다. HTML의 데이터 변경 시 쓰이는 가장 일반적인 방법)
위 코드처럼 demo-3이라는 id를 가진 p tag에는 아무 데이터가 없었지만 JS를 이용하여 데이터가 나타났다.
document.write() 사용
웹 페이지가 로딩될 때 실행되면, 웹 페이지에 가장 먼저 데이터를 출력한다.
그래서 테스트나 디버깅 시에 사용된다.
document.write()의 주의점
여기까지는 문제 없다. 그치만 맨마지막으로 쓰인 document.write()가 적힌 button을 클릭한다면???
기존 HTML이 전부 삭제되는 것을 볼 수 있다.
document.write()는 테스트 용으로만 사용하는 것을 추천한다.
window.alert() 사용
경고창이 나타나게 한다.
그냥 alert()라고 사용해도 된다.
--> window는 JS의 전역 범위 객체이기 때문이다.
console.log() 사용
검사의 console 창에서 나타나진다. basic.js의 3번째 줄 코드의 결과라는 뜻이다.
window.print()
JS에서 인쇄, 즉 출력 장치에 접근하는 유일한 방법이다.
button의 onclick 속성에 window.print()를 작성해주면 인쇄 안내 창이 나타난다.
HR velog