Eggs Sunny Side Up
본문 바로가기
Web/JavaScript

입출력

by guswn100059 2023. 4. 14.
<!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>

    <!-- HTML 문서 위에서 자바스크립트를 사용하기 위해
         script라고 하는 태그를 선언
         script 태그 위치는 body 끝태그 바로 위쪽!
    -->

    <script>
        // 출력문
        // 1. document.write()
        // => 문서(html)에 직접 출력할 때 사용
        // => document : 현재 html 문서에 
        //    .        : 접근해서
        //    write()  : 작성 기능을 쓸거야
        document.write("<h1>안녕하세요</h1>");

        // 2. alert()
        // 알림 팝업창을 실행시키는 출력문
        alert("알림 팝업 등장");

        // 3. console.log()
        // 사용처 : 데이터 통신을 확인, 데이터 구조 파악
        // F12(개발자 도구) - 콘솔 탭에서 확인
        console.log("콘솔창 출력");

        // 입력문
        // 1. confirm()
        // 사용자에게 확인 or 취소를 입력받는 입력문
        
        console.log(confirm("제출하시겠습니까?"));
        // 리턴하는 데이터 타입이 boolean타입(true/false)

        // 2. prompt()
        // 사용자에게 직접 키보드값을 입력받는 함수
        // 입력받은 값을 반환 => String타입
        console.log(prompt("이름을 입력해주세요."));

    </script>



</body>
</html>

'Web > JavaScript' 카테고리의 다른 글

조건문  (0) 2023.04.17
연산자  (0) 2023.04.14
형변환  (0) 2023.04.14
var 와 let  (0) 2023.04.14
변수, 자료형  (0) 2023.04.14

댓글