Telephone Number Validator

This is a simple web application that validates US telephone numbers. Enter a phone number and instantly see if it's valid according to standard US formats.

Features

• US Phone Number Validation: Checks if the input matches valid US phone number formats (with or without country code, parentheses, spaces, or dashes).
• Instant Feedback: Displays whether the number is valid or not.
• Clear Button: Easily reset the input and result.
• Custom Phone Simulation: The phone interface is handcrafted entirely with CSS for a unique and visually appealing user experience.

Demo

Live demo

How It Works

• Enter a phone number in the input field.
• Click Check to validate.
• The result will display below the input.
• Click Clear to reset.

Technologies Used

• HTML5 for structure
• CSS3 for styling and the custom phone simulation
• JavaScript for validation logic

About the Phone Simulation

The phone interface you see is not an image—it's built from scratch using only CSS! This includes the phone body, speaker, camera, and gradient background, all styled with modern CSS techniques for a realistic look.

Getting Started

1. Clone or Download this repository.
2. Open index.html in your browser.
3. Start validating phone numbers!

File Structure

index.html # Main HTML file styles.css # All styles, including the custom phone simulation script.js # Validation logic README.md # Project documentation LICENSE # MIT License

License

This project is licensed under the MIT License. See LICENSE for details.

---

Created by Tobiloba Sulaimon

The phone simulation is my own original CSS creation. Feel free to use or modify it with credit!