From 925dd62fe3cc288fa9bfea37c207c3ca07e34dae Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Wed, 4 Sep 2024 13:40:23 +0100 Subject: [PATCH] Add temperature converter project --- src/data/projects/temperature-converter.md | 33 ++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 src/data/projects/temperature-converter.md diff --git a/src/data/projects/temperature-converter.md b/src/data/projects/temperature-converter.md new file mode 100644 index 000000000..c142baac7 --- /dev/null +++ b/src/data/projects/temperature-converter.md @@ -0,0 +1,33 @@ +--- +title: Temperature Converter +description: Build a temperature converter that converts between different units. +isNew: false +sort: 27 +difficulty: intermediate +nature: JavaScript +skills: + - HTML + - CSS + - JavaScript + - DOM Manipulation +seo: + - title: Build a Temperature Converter with JavaScript + - description: Learn how to create an interactive temperature converter that converts between Celsius, Fahrenheit, and Kelvin using JavaScript. + - keywords: + - 'temperature converter' + - 'javascript project' + - 'unit conversion' + - 'html and css' +roadmapIds: + - 'frontend' +--- + +This project is designed to help you practice DOM manipulation, form handling, and basic calculations in JavaScript. + +You will create a temperature converter that allows users to enter a temperature value, select the unit they want to convert from, and select the unit they want to convert to. The "Convert" button should only be enabled when all three fields are filled in. Once the user clicks "Convert," the tool will display the converted temperature below the form. + +Here is a mockup of what the temperature converter might look like: + +[![Temperature Converter](https://assets.roadmap.sh/guest/temperature-converter-8omel.png)](https://assets.roadmap.sh/guest/temperature-converter-8omel.png) + +This project will help you gain experience with handling user input, conditionally enabling form elements, and performing simple calculations using JavaScript. \ No newline at end of file