These commands are a helpful quick start. You may choose to ignore them completely and create your own directory structure. If you choose to use this recommendation, just copy the commands below. It doesn't matter what directory you are currently in.
mkdir -p ~/workspace/exercises/the-static-web/converter && cd $_
touch index.html
touch converter.jsWrite a program that will convert a temperature from fahrenheit to celsius, or from celsius to fahrenheit.
- In the HTML, have one input field where someone can enter in a temperature.
- Create a radio button group where Celsius or Fahrenheit can be selected as the scale that the number should be converted to.
- Create a block level element that will hold the text of the converted temperature.
- Create a button that, when clicked, displays the converted temperature.
- Create another button that, when clicked, clears any text in the input field.
- Add an event handler to the input field that checks if the user pressed the enter key, and if that happens, perform the conversion.
- If the temperature is greater than 90F/32C the color of the converted temperature should be red.
- If the temperature is less than 32F/0C the color of the converted temperature should be blue.
- For any other temperature, the color should be green.
function toCelsius () {
}
function toFahrenheit () {
}
// Get a reference to the button element in the DOM
var button = document.getElementById("converter");
// This function should determine which conversion should
// happen based on which radio button is selected.
function determineConverter (clickEvent) {
console.log("event", clickEvent);
}
// Assign a function to be executed when the button is clicked
button.addEventListener("click", determineConverter);