|
1 | 1 | # Virtual-keyboard
|
2 |
| -Virtual keyboard in HTML, CSS, JS |
| 2 | +Welcome to the Virtual Keyboard project! This project provides a simple web-based virtual keyboard that allows users to input text using both the physical keyboard and on-screen keyboard clicks. The project is built using HTML, CSS, and JavaScript. |
| 3 | + |
| 4 | +## Features |
| 5 | + |
| 6 | +- **Responsive Layout:** The virtual keyboard is designed with a responsive layout that adjusts to different screen sizes. |
| 7 | + |
| 8 | +- **Text Display:** A text container displays the entered text, with a cursor indicator to show the typing position. |
| 9 | + |
| 10 | +- **Physical Keyboard Input:** Users can type using their physical keyboard. Key presses including Backspace, Enter, and alphanumeric characters are supported. |
| 11 | + |
| 12 | +- **On-Screen Keyboard Input:** Users can also click on the virtual keyboard keys to input characters. |
| 13 | + |
| 14 | +- **Backspace, Enter, and Space Keys:** Special keys provide functionality for deleting characters, adding newlines, and inserting spaces. |
| 15 | + |
| 16 | +- **CapsLock Key:** The CapsLock key toggles capitalization for entered characters. |
| 17 | + |
| 18 | +- **Typing Differentiation:** The system can differentiate between typing using the physical keyboard and typing through the on-screen keyboard. |
| 19 | + |
| 20 | +## How to Use |
| 21 | + |
| 22 | +1. Clone the repository to your local machine. |
| 23 | + |
| 24 | +2. Open the project's main HTML file (`index.html`) in a web browser. |
| 25 | + |
| 26 | +3. Use your physical keyboard or the on-screen keyboard to input text. Clicking on the keys with your mouse will also input characters. |
| 27 | + |
| 28 | +4. Experiment with different keys, including Backspace, Enter, Space, and CapsLock, to explore the keyboard's functionality. |
| 29 | + |
| 30 | +## Contributing |
| 31 | + |
| 32 | +Contributions are welcome! If you'd like to enhance this project, please follow these steps: |
| 33 | + |
| 34 | +1. Fork the repository. |
| 35 | + |
| 36 | +2. Create a new branch for your feature or bug fix. |
| 37 | + |
| 38 | +3. Make your changes and commit them. |
| 39 | + |
| 40 | +4. Push your changes to your forked repository. |
| 41 | + |
| 42 | +5. Submit a pull request to the main repository. |
| 43 | + |
| 44 | +## Acknowledgements |
| 45 | + |
| 46 | +- [Font Awesome](https://fontawesome.com/) for providing the icon library. |
| 47 | + |
0 commit comments