Must use Flask in Python Only

Miles 1 B E Convert G J Convert km F Clear H K Clear D 1 L Reset Project Description Consider the website layout above, representing a distance converter. The letters A - L are not part of the website. They serve as field markers for project description. Write an Flask/Python/HTML program which implements the distance converter as an app, using ex- actly the same layout as given above. Furthermore, all computations (unlike in Project 4) must be done by Python only. Deploy your app using Flask as local host. The computations are to be done according to the following guidelines Field A is an input field in which a user enters a numerical value, representing miles. When a numerical value is entered into the field A, a user is free to choose to perform either or both of the following conversions. If Convert button E is clicked, the miles get converted and displayed in the display fields B, C, D, representing yards (B), feet (C) and inches D. At this point, fields G, H, I remain unchanged and show either a blank state or the numerical values from a previous computation. When the Clear button F is clicked, the fields B, C, D get reset to their original blank state, but not the field A or G, H, I. If Convert button J is clicked, the miles get converted and displayed in the display fields G,H,I, representing kilometers (G), meters (H) and centimeters I. At this point, fields B, C, D remain un- changed and show either a blank state or the numerical values from a previous computation. When the Clear button K is clicked, the fields G, H, I get reset to their original blank state, but not the field A or fields B, C, D. In any situation, when a user clicks the Reset button L, all fields, A and B, C, D, G, H, I, get reset to their original blank state. At this point a new value can be entered in input field A and computations can be performed again. Miles 1 B E Convert G J Convert km F Clear H K Clear D 1 L Reset Project Description Consider the website layout above, representing a distance converter. The letters A - L are not part of the website. They serve as field markers for project description. Write an Flask/Python/HTML program which implements the distance converter as an app, using ex- actly the same layout as given above. Furthermore, all computations (unlike in Project 4) must be done by Python only. Deploy your app using Flask as local host. The computations are to be done according to the following guidelines Field A is an input field in which a user enters a numerical value, representing miles. When a numerical value is entered into the field A, a user is free to choose to perform either or both of the following conversions. If Convert button E is clicked, the miles get converted and displayed in the display fields B, C, D, representing yards (B), feet (C) and inches D. At this point, fields G, H, I remain unchanged and show either a blank state or the numerical values from a previous computation. When the Clear button F is clicked, the fields B, C, D get reset to their original blank state, but not the field A or G, H, I. If Convert button J is clicked, the miles get converted and displayed in the display fields G,H,I, representing kilometers (G), meters (H) and centimeters I. At this point, fields B, C, D remain un- changed and show either a blank state or the numerical values from a previous computation. When the Clear button K is clicked, the fields G, H, I get reset to their original blank state, but not the field A or fields B, C, D. In any situation, when a user clicks the Reset button L, all fields, A and B, C, D, G, H, I, get reset to their original blank state. At this point a new value can be entered in input field A and computations can be performed again