Skip to content

MdArmaan143/TemperatureConverter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Temperature Converter

Project link

https://temperature-coverter.netlify.app/

Overview

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.

Features

  • 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.

Technologies Used

  • HTML: Structure of the web page.
  • CSS: Styling and layout, including responsiveness.
  • JavaScript: Functionality for temperature conversion and dynamic background color.

Getting Started

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.

Code Explanation

  • 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.

How It Works

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!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published