https://temperature-coverter.netlify.app/
This project is a simple temperature converter web application that allows users to convert temperatures between Celsius and Fahrenheit. The interface is designed to be responsive and user-friendly, with a dynamic background color that changes periodically to enhance the visual appeal.
- Two-Way Conversion: Convert between Celsius and Fahrenheit.
- Responsive Design: Adapts to various screen sizes, including mobile devices.
- Dynamic Background: Background color changes every 3 seconds to provide a visually engaging experience.
- HTML: Structure of the web page.
- CSS: Styling and layout, including responsiveness.
- JavaScript: Functionality for temperature conversion and dynamic background color.
To use this temperature converter:
Clone the Repository (if applicable):
bash Copy code git clone https://github.com/teslaa143/temperatureConverter.git Open the Project:
Navigate to the project directory and open the index.html file in a web browser.
View the Application:
The application should load in your browser. You can enter a temperature in either Celsius or Fahrenheit, and the corresponding value will be automatically calculated and displayed in the other field.
- HTML: Defines the structure of the temperature converter, including input fields for Celsius and Fahrenheit.
- CSS: Styles the application and ensures responsiveness with media queries. Adds dynamic background color to the body.
- JavaScript: Contains functions to handle temperature conversion and change the background color.
When the user inputs a value in the Celsius field, the corresponding Fahrenheit value is automatically calculated and displayed. Similarly, when a value is entered in the Fahrenheit field, the corresponding Celsius value is calculated and displayed. The background color of the page changes every 3 seconds to provide a dynamic visual effect. Contributions Feel free to contribute to this project by submitting issues or pull requests. If you have any suggestions or improvements, please let me know!