[JavaScript] 자바스크립트 출력

1. window.alert() 메소드

2. HTML DOM 요소를 이용한 innerHTML 프로퍼티

3. document.write() 메소드

4. console.log() 메소드

- 브라우저와 별도의 대화 상자를 띄워 데이터 전달

<script>
    function alertDialogBox() {
        alert("확인을 누를 때까지 다른 작업을 할 수 없어요!");
    }
</script>

* window 객체의 모든 메소드/프로퍼티 사용 시, window 접두사 생략 가능

- 가장 많이 사용되는 방법

- document 객체의 getElementByID() / getElementsByTagName() 등의 메소드로 HTML 요소를 선택하고

innerHTML 프로퍼티 이용 => 내용이나 속성 값 변경 가능

<script>
	var str = document.getElementById("text");
	str.innerHTML = "이 문장으로 바뀌었습니다!";
</script>

- 웹 페이지가 로딩될 때 실행되면 웹 페이지에 가장 먼저 데이터 출력

- 대부분 테스트, 디버깅을 위해 사용

<script>
    document.write(4 * 5);
</script>

주의

웹 페이지 로딩 후, write() 메소드 실행 => 로딩된 데이터들을 모두 지우고 write() 내용 출력

<body>
	<h1>Document 객체의 write() 메소드</h1>

	<button onclick="document.write(4 * 5)">버튼을 눌러보세요!</button>
</body>

- 웹 브라우저의 콘솔을 통해 데이터 출력

- F12 를 누른 후, 콘솔 메뉴로 확인 가능

- 디버깅에 도움

<script>
    console.log(4 * 5);
</script>

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

공뿌합시다