JS_출력문, 입력문

DATA 분석 교육 과정 (2024.02~08)/JavasScript
JS_출력문, 입력문

글로리아-89 2024. 4. 24. 18:18
728x90
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
  
 <script>
    // HTML위에서 자바스크립트를 사용하기 위해서는  script태그를 선언
    //script태그 위치: body끝 태그 바로 위에서 작성

    //출력문

    // 1.document.write(); >> HTML 문서 내에 출력
        // document: 현재  html문서에 접근해서 
        // . : 접근해서
        //write : 작성할거야
        document.write("안녕하세요!");   
    
    // 2. alert(); : 알림 팝업창을 실행시키는 출력문
    // 주의점: 무조건 페이지가 시작될때 가장 먼저 실행
        alert("알림 팝업창 등장이요~");

    // 3. console.log() >> 웹브라우저 콘솔 창에 로그를 남길때 사용(개발창 확인용)
    // 사용처: 데이터 통신 및 구조 확인 
    // f12 개발자 도구의 콘솔 탭에서 확인 가능
        console.log("콘솔창 등장이요~");

    // 입력문
    //  : 사용자에게 데이터를 입력받는 기능

    // 1. prompt()
    // 사용자에게 직접 키보드 값을 입력받는기능 
    // prompt("성명을 입력하세요"); >>>입력한 값을 저장하기 위해 return값이 필요함 또는 바로 출력
    // 입력받은 값을 String 형태로 반환
       console.log(prompt("성명을 입력하세요"))  ; 

    // 2. confirm()
    // 사용자에게 확인/취소를 선택 > 입력받는 기능 
    // confirm("제출하시겠습니까?"); // 논리형 (T/F형태로 되돌아 온다.)
    // 입력받은 값을 boolean(true/false)형태로 반환
        console.log(confirm("제출하시겠습니까?"));

 </script>
</body>ㅣ
</html>
출처: 스마트인재개발원
728x90