Measurement Conversions

We are going to use JavaScript to consume a service to handle conversions of Inches to Centimeters and Centimeters to Inch.

The service endpoint is http://statenweb.mockable.io/conversions/

You can use this as a starting point https://csc225.matgargano.com/json

Create two separate forms, using Bootstrap.

• First form:
  • Text input, Button, Result (could be a div, p, etc)
  • Allow a user to enter in a number of inches into the Text Input and when a user clicks on the Button, intercept the form submission event (hint https://www.w3schools.com/jsref/event_preventdefault.asp), reach out to the service, get the proper conversion and output the number of centimeters in the result.
• Second form:
  • Text input, Button, Result (could be a div, p, etc)
  • Allow a user to enter in a number of centimeters into the Text Input and when a user clicks on the Button, intercept the form submission event (hint https://www.w3schools.com/jsref/event_preventdefault.asp), reach out to the service, get the proper conversion and output the number of inches in the result.

Use jQuery or vanilla javascript to handle the DOM manipulation (outputting the result)

Use axios to make the service request

Notes:

• You MUST use the service to obtain the conversion rate. The conversion rate is not the important concept to pick up in this assignment, it's knowing how to consume and use a RESTful service
• Submission should be through github, you should "submit" a link to the github repository
• The repository should be a single HTML page, a single JavaScript file and optional CSS file(s)
• As always, HTML, JavaScript and CSS must be valid.
• As always, JavaScript must not produce any errors.
• Proof that I will be using (outside of reviewing the code) in the inches to cm form, Entering in 1 inch should produce a result of 2.54 centimeters. In the centimeter to inches form 1 centimeter should convert to 0.393701 inch