@@ -132,23 +132,60 @@ lis[0].remove();
132132// ## Class And Attribute
133133
134134// Class
135- const firstLi = document . querySelector ( 'li:first-child' )
136- const button = firstLi . children [ 0 ] ;
135+ // const firstLi = document.querySelector('li:first-child')
136+ // const button = firstLi.children[0];
137137
138- let addClass ;
138+ // let addClass;
139139
140- addClass = button . className
141- addClass = button . classList
140+ // addClass = button.className
141+ // addClass = button.classList
142142
143- button . classList . add ( "test" ) ;
144- button . classList . remove ( "test" ) ;
145- addClass = button ;
143+ // button.classList.add("test");
144+ // button.classList.remove("test");
145+ // addClass = button;
146146
147- // Attribute
147+ // // Attribute
148148
149- addAtt = button . setAttribute ( "type" , 'submit' )
150- addAtt = button . hasAttribute ( 'type' )
151- addAtt = button ;
149+ // addAtt = button.setAttribute("type", 'submit')
150+ // addAtt = button.hasAttribute('type')
151+ // addAtt = button;
152152
153153
154154// # Event #
155+ // Event Listener
156+ 157+ // click
158+ document . querySelector ( '.clear-task' ) . addEventListener ( 'click' , onClick ) ;
159+ 160+ // double click
161+ // document.querySelector('.clear-task').addEventListener('dblclick', onClick);
162+ 163+ // Mouse Down
164+ // document.querySelector('.clear-task').addEventListener('mousedown', onClick);
165+ 166+ // Mouse Up
167+ // document.querySelector('.clear-task').addEventListener('mouseup', onClick);
168+ 169+ // Mouse Enter
170+ // document.querySelector('.clear-task').addEventListener('mouseenter', onClick);
171+ 172+ 173+ function onClick ( e ) {
174+ console . log ( `Event type : ${ e . type } ) ;
175+ // Untuk berguna untuk mencegah untuk mengarahkan ke link a href
176+ e . preventDefault ( ) ;
177+ 178+ e . target . innerText = "Clear Success" ;
179+ }
180+ 181+ // Form and input
182+ const form = document . querySelector ( 'form' ) ;
183+ const taskInput = document . getElementById ( "input-task" ) ;
184+ 185+ form . addEventListener ( 'submit' , runEvent ) ;
186+ 187+ function runEvent ( e ) {
188+ console . log ( e . target . value ) ;
189+ // taskInput.value = '';
190+ preventDefault ( e ) ;
191+ }
0 commit comments