웹브라우저 JavaScript

사용자와 커뮤니케이션 하기

HTML은 form을 통해서 사용자와 커뮤니케이션할 수 있는 기능을 제공한다. 자바스크립트에는 사용자와 정보를 주고 받을 수 있는 간편한 수단을 제공한다. 

alert

경고창이라고 부른다. 사용자에게 정보를 제공하거나 디버깅등의 용도로 많이 사용한다.

<!DOCTYPE html>
<html>
    <body>
		<input type="button" value="alert" onclick="alert('hello world');" />
	</body>
</html>

confirm

확인을 누르면 true, 취소를 누르면 false를 리턴한다.

<!DOCTYPE html>
<html>
    <body>
		<input type="button" value="confirm" onclick="func_confirm()" />
		<script>
			function func_confirm(){
				if(confirm('ok?')){
					alert('ok');
				} else {
					alert('cancel');
				}
			}
		</script>
	</body>
</html>

prompt

<!DOCTYPE html>
<html>
    <body>
		<input type="button" value="prompt" onclick="func_prompt()" />
		<script>
			function func_prompt(){
				if(prompt('id?') === 'egoing'){
					alert('welcome');
				} else {
					alert('fail');
				}
			}
		</script>
	</body>
</html>

 

댓글

댓글 본문
작성자
비밀번호
  1. 유유
    감사합니다.
  2. 감사합니다~!
  3. 감사합니다!
  4. 감사합니다
  5. tachyon
    감사합니다
  6. yihsang
    BOM모델의 사용자와의 커뮤니케이션 alert(), confirm(), prompt()...
    감사합니다.
  7. JustStudy
    2016.07.07목
    고맙습니다 3.
  8. JustStudy
    2016. 06. 30
    고맙습니다 2.
  9. 부지런한곰탱이
    ㅎㅎ 감사합니다아~```````````
  10. polaris75s
    감사합니다.
  11. 이주환
    2016. 04. 27
    잘보고갑니다~!
    사용하기에 있어서 매우 유용하게 쓰이는 것들이지요.
  12. JustStudy
    고맙습니다
  13. 문상호
    감사합니다!
    대화보기
    • pillage
      저 조건 에서는 True와 False 조건에 대한 구문은 경고창에서 사용자가 "확인" 을 누르면 "True"를 반환하고, "취소를 누르면 "False"를 반환 하게 되는겁니다.. Confirm 메소드가 기본적으로 저렇게 간주하는걸꺼에요.
      대화보기
      • 박첩구드
        감사합니다~!
      • 문상호
        한가지 여쭤볼게 있습니다.

        두번째 강의 예제.

        if(confirm('ok?')){
        alert('ok');
        }

        이 부분에서 true가 되어야 저 조건이 성립할 텐데, confirm('ok?')라는 구문만 넣었는데 어떻게 true로 간주하는지 잘 모르겠습니다. confirm('ok?') == true 이렇게 써야 되는 걸로 알고 있는데 저 방식도 어떻게 맞는건지 궁금합니다.
      • YongJun
        좋아좋아 확인취소 조건~~
      • Jaeyoon Kim
        고맙습니다! 이젠 == 정도가 아니라 === 정도로 정확히 이해했습니다!
        대화보기
        • Sean
          Jaeyoon Kim 님,
          https://opentutorials.org......722 참고하세요.
          대화보기
          • Jaeyoon Kim
            === 와 == 의 차이를 알려주실 분 계신가요?
          • Baek Cheol Hun
            아마 그건 안될겁니다~
            대화보기
            • 코딩!
              잘 이용하면 좋은 웹 만들 수 있겠네요!
              근데 저 뜨는 창 디자인 변경할 수 있으려나요?
              너무 클래식해서 ㅎㅎ
            • 이용주
              매일 아침 일어나자마자 한번씩 연습합니다 ㅋ 처음엔 헷갈리고 그랬는데 이제는 안보고도 작업이 가능하네요 ㅎ
            • Hyungju Moon
              깔끔한 강의들입니다.
            • 조천희
              좋아요!!! 좀 성숙해지고 나서 들으니 더더욱 도움이 되네요!! 감사해요^^
            • 규빈이아빠
              명강의 입니다^^^
            • 나상w
              잘 봤습니다~
            • rootxy
              좋은 강의 잘봤습니다. 감사합니다.
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기