icon_home

실습예제03_제이쿼리 문서객체조작_채팅앱 구현하기

• 속성메서드 : val();

• 속성메서드 : attr();

• 클래스조작 메서드 : addClass();

튜브 공부가 조아
안뇽 머해?
머해?!
      $(document).ready(function(){
        // 1. send 버튼 변수에 담기
        const send = $('#send');
  
        //2. 버튼 클릭시 텍스트박스안에 내용을 변수에 담아 출력한다
        send.click(function(){
          // alert('클릭테스트'); 
  
          //3. textarea의 값을 talk 변수에 담음
          let talk = $('textarea').val(); 
  
          // alert(talk); //textarea내용 출력 테스트
  
          //4. chatbox 안의 맨 뒤에 내용 추가
          $('.chatbox').append('div class="bubble02"' + talk + '/div'); 
  
          //5. textarea의 값을 비우기
          $('textarea').val('');
        });
      });