#Temperature Converter
We will be using JavaScript to make a temperature conversion utility. A folder is provided for you, with empty HTML and CSS files.
##Getting Started
- Fork and clone this repository
- Run
npm install
to install dependenciesnpm start
- start the BrowserSync servernpm run lint:css
- lint CSSnpm run lint:js
- lint JS
- Create a single page using HTML/CSS that contains an input field and a submit button, all within a form element.
- Additionally, add a clear button
- When the submit button is pressed, convert the inputted temperature from F to C using the appropriate conversion formula (may need to Google it)
##User Experience
- User puts in a value into the text field
- User clicks on button
- The page gets updated with the converted temperature value.
- Clicking a "Clear" button resets the text field
##Bonuses
-
Have the
div
turn blue for freezing temperatures, red for scorching temperatures. -
Use a
dropdown
orradio
buttons to select different units to convert (Fahrenheit to Celsius, or Celsius to Fahrenheit) -
Place the
<input>
and<button>
elements into a form, so that pressing ENTER will automatically convert the temperature. Note that there's an event type called'submit'
that you can use instead of'click'
. -
Add your own personal sense of style using CSS styling and positioning techniques. Ideas include:
- different fonts (see Google Fonts for how to link fonts into a webpage)
- images
- colors
- borders
##Deliverables
See the screenshot below for an example. Don't feel like you need to do it exactly the same though. Be creative with CSS!
- All content is licensed under a CC-BY-NC-SA 4.0 license.
- All software code is licensed under GNU GPLv3. For commercial use or alternative licensing, please contact legal@ga.co.