웹브라우저 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. Sangmook Kim
    170727 완료
  5. 세븐나이츠
    감사합니다
  6. Bamdle
    감사합니다.
  7. 다사랑
    감사합니다.
  8. mj chang
    감사합니다.
  9. matheios
    감사합니다
  10. 유유
    감사합니다.
  11. 감사합니다~!
  12. 감사합니다!
  13. hyuna
    감사합니다
  14. tachyon
    감사합니다
  15. yihsang
    BOM모델의 사용자와의 커뮤니케이션 alert(), confirm(), prompt()...
    감사합니다.
  16. JustStudy
    2016.07.07목
    고맙습니다 3.
  17. JustStudy
    2016. 06. 30
    고맙습니다 2.
  18. 부지런한곰탱이
    ㅎㅎ 감사합니다아~```````````
  19. polaris75s
    감사합니다.
  20. 이주환
    2016. 04. 27
    잘보고갑니다~!
    사용하기에 있어서 매우 유용하게 쓰이는 것들이지요.
  21. JustStudy
    고맙습니다
  22. 문상호
    감사합니다!
    대화보기
    • 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 자세히 보기