File tree Expand file tree Collapse file tree 1 file changed +0
-36
lines changed Expand file tree Collapse file tree 1 file changed +0
-36
lines changed Original file line number Diff line number Diff line change 1- // EVENT BUBBLING
2-
3- // document.querySelector('.card-title').addEventListener('click', function(){
4- // console.log('card title');
5- // });
6-
7- // document.querySelector('.card-content').addEventListener('click', function(){
8- // console.log('card content');
9- // });
10-
11- // document.querySelector('.card').addEventListener('click', function(){
12- // console.log('card');
13- // });
14-
15- // document.querySelector('.col').addEventListener('click', function(){
16- // console.log('col');
17- // });
18-
19- // EVENT DELGATION
20-
21- // const delItem = document.querySelector('.delete-item');
22-
23- // delItem.addEventListener('click', deleteItem);
24-
25- document . body . addEventListener ( 'click' , deleteItem ) ;
26-
27- function deleteItem ( e ) {
28- // if(e.target.parentElement.className === 'delete-item secondary-content'){
29- // console.log('delete item');
30- // }
31-
32- if ( e . target . parentElement . classList . contains ( 'delete-item' ) ) {
33- console . log ( 'delete item' ) ;
34- e . target . parentElement . parentElement . remove ( ) ;
35- }
36- }
You can’t perform that action at this time.
0 commit comments