생활코딩

Coding Everybody

코스 전체목록

닫기

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

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. 홍식
    오~~
    대화보기
    • 넥사
      너무재밋당 ㅜㅜ
    • 리젤린
      명강특강!
    • 미완성
      20190108
    • JuicyFresh
      감사합니다.
    • wisdom_flower
      감사합니다!
    • SlowStarter
      감사합니다!
    • 스페이스몽키
      감사합니다!
    • An TaeHyeon
      18-01-24 수강완료
      강의록 공유합니다.
      https://goo.gl/Pfej8P
    • 박인호
      12-27
      수강완료.
    • GoldPenguin
      감사합니다.
    • 바람과 나무
      감사합니다.
    • 수복
      감사합니다!
    • 고스트프리
      감사합니다.
    • 아이노바
      감사합니다.
    • 코딩잘하고싶어요
      감사합니다!!
    • 몬스터길들이기
      감사합니다.
    • Sangmook Kim
      170727 완료
    • 세븐나이츠
      감사합니다
    • Bamdle
      감사합니다.
    • 다사랑
      감사합니다.
    • mj chang
      감사합니다.
    • matheios
      감사합니다
    • 유유
      감사합니다.
    • 감사합니다~!
    • dhkim
      감사합니다!
    • hyuna
      감사합니다
    • tachyon
      감사합니다
    • yihsang
      BOM모델의 사용자와의 커뮤니케이션 alert(), confirm(), prompt()...
      감사합니다.
    • JustStudy
      2016.07.07목
      고맙습니다 3.
    • JustStudy
      2016. 06. 30
      고맙습니다 2.
    • 부지런한곰탱이
      ㅎㅎ 감사합니다아~```````````
    • polaris75s
      감사합니다.
    • 이주환
      2016. 04. 27
      잘보고갑니다~!
      사용하기에 있어서 매우 유용하게 쓰이는 것들이지요.
    • JustStudy
      고맙습니다
    • 문상호
      감사합니다!
      대화보기
      • 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
                깔끔한 강의들입니다.
              • 조천희
                좋아요!!! 좀 성숙해지고 나서 들으니 더더욱 도움이 되네요!! 감사해요^^
              • 규빈이아빠
                명강의 입니다^^^
              버전 관리
              egoing
              현재 버전
              선택 버전
              graphittie 자세히 보기