자바스크립트의 기본 입출력 내장 함수를 실습해보도록 하겠습니다.
-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값이 리턴됩니다.
-확인 또는 취소 버튼을 클릭해야 다음 코드 실행이 계속 진행됩니다.
댓글목록
-
HTML/CSS/Javascript
자바스크립트 프로그래밍 디버깅
-
HTML/CSS/Javascript
기초 자바스크립트 코딩규칙
-
HTML/CSS/Javascript
5. 프론트엔드/백엔드 프로그래밍 환경 이해하기
-
HTML/CSS/Javascript
4. Javascript 기초학습
-
HTML/CSS/Javascript
3.프로그래밍 기초 탄탄
- London, UK
- 13%
- 6.44 MPH
-
23° Sun, 3 Jan
-
26° Sun, 3 Jan
3 students arrested after body-slamming principal
4 students arrested after body-slamming principal
3 students arrested after body-slamming principal
4 students arrested after body-slamming principal
2 students arrested after body-slamming principal