The code utilizes various functionalities and native methods of JavaScript, as well as DOM (Document Object Model) APIs. Here are some of the main JavaScript tools that were used:
- querySelector: This method is used to select elements in the DOM using CSS selectors.
- addEventListener: This method is used to add an event listener to an HTML element. It's used to capture events such as mouse clicks, keyboard input, etc.
- innerHTML: This property is used to get or set the HTML within an element.
- dataset: This is an object that provides access to all data attributes (data-*) of an HTML element.
- trim(): This method removes whitespace from both ends of a string.
- toLowerCase(): This method is used to convert a string to lowercase letters.
- Array.from(): This method is used to create a new Array instance from an array-like or iterable object.
- forEach(): This method is used to execute a function on each element of an array.
Additionally, concepts such as event handling, CSS class manipulation, array filtering, and DOM manipulation were used to create a basic to-do list application with functionality to add, remove, and search items.
