WEB2 - JavaScript

HTML과 JavaScript의 만남 2 (이벤트)

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. 내이름은이한샘
    감사합니다.!!
  2. 스페이스몽키
    감사합니다!ㅎㅎ
  3. 소금돌
    아직 배워야 할게 너무 많은 것 같아서 마음이 조급합니다.
    그래도 끝까지 가겠습니다.
  4. 위버
    유익하고 좋은 강의 감사합니다. 제가 생각이 많고 이해력이 딸려서 항상 뭔가 시작하는 데에 어려움이 들곤 하는데... 생활코딩에서 HTML 부터 시작해서 지금 벌써 JavaScript를 떼고 있네요. 항상 감사드립니다. 건강하세요.
  5. jayxwoo
    잘 봤습니다. 감사합니다.
  6. 상상예찬
    김예찬 배재영
  7. haeki_@naver.com
    오 감사합니다!! 이해하는데 도움이됐어요!! 댓글달아주신게 메일로 날라오네요~!! 너무 좋은기능들>_<~~
    대화보기
    • 답변이 도움될까요?
      제 생각에는 텍스트 안에 값이 변경된 것을 알려주는 기능 같습니다.

      처음에 'ABC'를 입력하고 밖을 클릭했을때 텍스트 안에 값을 'ABC'로 변경됨을 알려주고

      다음에 아무렇게나 입력한 상태에서 'ABC'만 남기고 다 지우고 밖을 클릭했을때는

      처음에 'ABC'와 현재 텍스트 안에 있는 'ABC'가 같기 때문인 것 같습니다.
      대화보기
      • 이하빛
        text 칸에 ABCDASDKL적고 ABC만 남기고 지우면 changed 창이 반응하지 않는 이유는 왜그런가요~?(강의 5분 중..)
      • daaawnstar
        사용자와 상호작용하는 이벤트를 배웠네요 ~ :)
        onkeydown, onchange, onclick ☆
      • 키썬
        감사합ㄴㄴ ㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣㅣ다
      • 키썬
        감사감사합니다
      • 안녕
        감사합니다
      • Dreaming_Joyy
        on@@@ 이벤트에 대해서 배웠습니다
      • 빙고
        오 이렇게 직관적으로 알려주셔서 이해가 정말 쉽네요 ㅎㅎ
        항상 좋은 강의 감사합니다~
      • 초연
        input 태그랑 똑같이 하면 돼요!
        <button onClick="alert('hi')">hello</button>
        대화보기
        • 이규원
          감사합니다! 시작 2일째!^^
        • 엘리샤
          input 태그 대신 button으로 하게 되면 어떻게 해야하나요? HTML5에서는 input 보다는 button을 사용을 하거든요.
          <button>Hi</button>
        • 안장호
          감사합니다~! ^^
        • Mingi Son
          180210 강의 감사합니다!
        • 180210 감사합니다!
        • 요시코
          . input 태그 속성인 onclik에는 javascript코드로 해석한다.
          . 그러한 attribute 를 event라고 하고 사용자와 상호작용할수있게 해준다.
        • 시공간
          감사합니다
        • PassionOfStudy
          << 2018-01-20 - 1일차 _세 번째 강의 >> --> 완료!

          -------------------------------------------------------------------------
          @ Event
          Ex) <input type='"button" value="hi" onclick="alert('hi')">

          여기서 주목해야할 것은 input태그의 속성인 onclick이다.
          onclick은 Event라고도 하며 웹브라우저는 사용자에게 유용할 만한
          몇가지 이벤트들(onclick, onchange, onkeydown 등...)을 정해놓았고,
          그런 것들을 통해서 사용자와 상호작용할 수 있게하였다.
          -------------------------------------------------------------------------
        • nowmary
          alert 이거 장난치기 재밌을거같아용 ㅎㅎ친구들 이름 넣거나
        • 감사합니다.
        • 이유리
          감사합니다.
        • -정리-
          HTML 태그 안에 onclick 속성에는 속성값으로 자바스크립트 코드가 들어간다.
          그 코드를 기억하고 있다가 click 했을 때, 자바스크립트 코드가 해석되어 실행된다.

          위와 같이 어떠한 이벤트/사건(ex·클릭,변화)들이 일어났을 때, 자바스크립트를 실행하게 한다.
          즉, 자바스크립트를 사용해 사용자와 웹페이지가 상호작용하는 웹페이지를 만들 수 있는 것이다.
          (ex. 웹페이지에서 버튼을 클릭했는데 무슨 경고창이 나타난다)
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기