Save Guy Checkbox with airSlate SignNow

Add check box, Make content changes and eSign

hey gang welcome to your 15th javascript in the dull tutorial and in this video we're going to go over check box events [Music] okay then so I want to show you one more thing when it comes to adding event listeners and that is the change event so the change event occurs when a form element for example changes and that could be when we select a checkbox or when we press a radio button those things are changing the state right so what we're going to do is create some kind of check box down here to hide all the books and when we check it and it has a little tick in it I want to react to that change event to hide the box and then when we on tick it I want to react to that change event to show the books again all right so the first thing we need to do is add in that HTML so I've come down to the bottom form here at book and I'm going to add in a new input field and label so I'm just gonna paste these in and it's an input type of check box with an ID of hide and also a label for hide which associates the two together and the text is hide or box now I'll save that we also have a couple of styles for these elements right here at book hide it gives it a width of 30 pixels and this label has a line height of 52 pixels so dead-simple now if we check this out in a browser then we're going to see this thing right here so what I want to happen is when we check it to hide the books when we uncheck it to show the books so let's add in that functionality so let's go to app j/s and I've just minimized these two functions using these hours right here and we want to hide the books this time so how are we going to do this well the first thing we need to do is grab a reference of the check box so I'll create a constant and I'm going to call this hide box and I'm going to set this equal to document dot query selector and the element I want is the hide element that's the ID of the import field so we have a reference to that now now we want to add an event listener which is going to listen for that change event and remember the change event is going to occur whatever this changes so when a ticket and what it won't ticket is changing right so it's going to listen for that event and then we can fire a callback function so let's add that event listener I'm going to say hide box dot add event listener and then the event we're listening for is the change event then we pass a callback function...