Let's take a closer look at our sticky note program from Chapter 6, The Document Object Model (DOM)—https://github.com/PacktPublishing/Hands-on-JavaScript-for-Python-Developers/tree/master/chapter-7/stickies/starter-code—and include the ability to create a modal window with information about the sticky when clicked on and the ability to delete that sticky, as shown in the following screenshot:
To successfully code this, you'll need to use a new DOM manipulation method: .remove(). Take a peek at https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/remove for the documentation. You may also want to take a look at the CSS property of visibility to show and hide the modal window.
Just for fun, I also included a small JavaScript library to use a color picker for the sticky color field as an example of how simple it can be to include third-party code. You don't need to do...