728x90
반응형
자바스크립트 화면에 나타내는방법(호출/출력)
1. window.alert(), alert() 경고창으로 나타냄
alert("경고창입니다");
See the Pen Untitled by namminimi (@namminimi) on CodePen.
2. document.write() 사이트에 나타냄
document.write("안녕")
See the Pen Untitled by namminimi (@namminimi) on CodePen.
3. console.log() 사이트 콘솔창에 나타냄 -- (자신이 작성한 코드 확인하기 위해 자주 사용)
console창 띄우는법 : 1)화면 우클릭 해서 검사 > console클릭 / 2) F12/ 3) ...세로정렬 클릭> 도구 더보기> 개발자 도구(크롬)
console.log("안녕")
4. html dom 요소를 이용 innerHTM
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1></h1>
<script>
document.querySelector("h1").innerHTML = "👋 Hello World!"
</script>
</body>
</html>
|
cs |
See the Pen Untitled by namminimi (@namminimi) on CodePen.
728x90
반응형
'javascript > javascript HTML DOM' 카테고리의 다른 글
| [Javascript DOM]Scroll 이벤트 (1) | 2023.01.05 |
|---|---|
| [javascript]HTML 내용, 속성, 스타일 변경하기 (0) | 2022.12.03 |
| [javascript]html컬랙션 과 노드리스트 차이 & 배열과 유사배열의 차이 (0) | 2022.12.03 |
| [javascript]자바스크립트를 이용해서 DOM Element(요소) 찾기 및 콘솔 출력 (0) | 2022.12.03 |
| [javascript]change이벤트 실습1 (0) | 2022.12.03 |
댓글