Virtual Keyboard Application

This is a simple virtual keyboard application built with HTML, CSS, and JavaScript. It allows users to input text using a virtual keyboard interface.

Features

• Customizable keyboard layout and design.
• Supports text input for any HTML input element.
• Toggle Caps Lock functionality.
• Includes common keyboard keys such as backspace, enter, and space.

How to Use

To use the virtual keyboard in your HTML project, follow these steps:

1. Include the Keyboard.css and Keyboard.js files in your project.
2. Add a text input element (<input> or <textarea>) with the class use-keyboard-input.
3. When the input element receives focus, the virtual keyboard will automatically appear.
4. Users can click on the virtual keys to input text.
5. Click the "done" key to close the virtual keyboard.

File Structure

• index.html: Contains the HTML structure of the virtual keyboard application.
• Keyboard.css: Defines the styles for the virtual keyboard.
• Keyboard.js: Implements the functionality of the virtual keyboard.