js event예제1

• 

  JS (자바스크립트 ) event객체 실습 이벤트객체의 활용을 연습해보자 각각의 더보기에 html코드와 js코드가 들어있다. 실습1 사진을 클릭하면 결과 div에 있는 사진이 바뀌게 만들어보자 더보기 이벤트객체활용 결과: 실습2 이벤트 위임을 통해 상위 태그인 tbody에 이벤트를걸고 내부에있는 tr을 조종해 복사를 누르면 맨아래에 복사가 되고 / 삭제를 누르면 행이 삭제되게 만들어보자 더보기 이벤트 위임 이용해서 다음을 만들어 보세요. 번호 제목 내용 삭제 복사 1 첫글 hi 삭제 복사 2 첫글 hi 삭제 복사 3 첫글 hi 삭제 복사 4 첫글 hi 삭제 복사 실습3 메뉴를 클릭하면 밑의 내용이 바뀌게 만들어보자 ul에 이벤트 버블링을 이용해서 클릭이벤트를 걸고 클릭되는 타겟의 data-id를 얻는다. toggle-menu의 active속성을 .. JS/JS (자바스크립트) ES5 2023. 1. 3.