Image
Image

자바스크립트 기본 입출력 내장함수 활용하기

자바스크립트의 기본 입출력 내장 함수를 실습해보도록 하겠습니다.
-DAY2폴더안에 inoutput-funtion.html 페이지를 만들고 아래 코드를 코딩 후 저장합니다.
-View-IN-Browser 를 이용해 웹 브라우저로 해당 페이지를 오픈 후 기능을 확인합니다.

<html>

  <head>

    <meta charset="utf-8" />

    <title>InOutput 내장함수</title>

  </head>

  <body>

    <script>

      alert("안녕하세요.");

 

      var requestID = prompt("아이디를 입력해주세요.""기본값");

 

      console.log(requestID +  반갑습니다.");

 

      if (confirm("입력하신 아이디를 확인해볼까요?")) {

        alert("입력하신 값은 " + requestID + 이며 화면으로도 출력해봅니다.");

        document.write(requestID +  반갑습니다.");

      } else {

        alert("해당 작업을 취소하였습니다.");

      }

    </script>

  </body>
</html>


가)alert 함수

-alert 알림 처리 함수는 웹 브라우저를 통해 사용자에게 알림박스를 출력합니다.
-알림 박스가 출력되는 동안에는 코드실행이 잠시 중단되고 확인버튼을 클릭하면 계속 하위코드가 실행됩니다.  
- alert(“알림내용”);

나)prompt 함수

-사용자로부터 특정 값을 수집하고자 할 때 사용합니다.
-사용자로부터 단일 입력값을 받아 로직 구현 시 사용할 수 있습니다.  
-prompt함수는 확인 버튼을 클릭하면 입력된 값을 리턴하고 취소버튼을 클릭하면 null값이 리턴 됩니다.
-확인 또는 취소 버튼을 클릭해야 다음 코드 실행이 계속 진행됩니다. 
- prompt(“입력 코멘트 내용”,”디폴트 표시 값”);

다)confirm 함수

-사용자 동의를 구하고 사용자 의사결정에 따라 로직을 분기 시키고자 할떄 사용합니다.
-주로 중요 작업(저장/수정/삭제)에 대한 코드 실행전에 사용자에게  관련 작업 진행 사실을 사전에 알리고 확인 또는 동의를 한번 더 구하고자 할 떄 사용합니다.
-confirm함수는 확인 버튼을 클릭하면 true 값을 리턴하고 취소버튼을 클릭하면 false값이 리턴됩니다.
-확인 또는 취소 버튼을 클릭해야 다음 코드 실행이 계속 진행됩니다.


Image

댓글목록

Image