Clipboard Manager Lab

In this lab, you will create a simple clipboard manager using HTML, CSS, and JavaScript. A clipboard manager is a tool that allows you to store multiple pieces of text or data that have been copied or cut. It can manage several items for easy access, and you can paste any of them at any given time.

We will start by creating an HTML template with the required elements such as an input field, a paste button, and a container to display the stored items. You will then implement the JavaScript logic to store the coped items, manage the content and paste the contents into the input field.

We'll be using the browser's Clipboard API for reading and writing to the Clipboard. Additionally, we'll be adding event listeners for button clicks and other interactions. You'll be encouraged to use modern ES6 features and best practices.