Please click this link and jump to my break timer application:YUHUI'S WEATHER NETWORK
This is my second JavaScript project which is about AJAX. I used three APIs and let them work toghter. The process of building this timer is in my another respository called JavaScript_projectInJuno.
WEATHER DISPLAY: The application could automatically display the weather in your city, also you can input a city and and its country abbreviation code to check somewhere all over the world! Please check the "Application Guide" and follow its instruction to use this application.
CITY INPUT: You can check the weather in other cities by submitting the city name and its country abbreviation code via the text areas. If you submited an invalid city name or country code, an alert box will appear to warn you and the data of weather will turn back to the previous.
COUNTRY ABBREVIATION CODE: The button of area abbreviation code may help you during your inputting. To be more specific, it will display some codes for areas; if the code you are looking for is not in the pop-up window, please click "More Area Code" and the button will change its function then proving an external link for more area abbreviation code checkings.
(This is the original button for area code check.)
(If you want to check more codes, please click "More Area Code" which is inside the red cycle in the picture.)
(After clicked "More Area Code", the original button is switched to this new button and it helps user jump to an external link for more code checkings.)
UNITS SWITCH: The temperatues on page can be exhibited by Centigrade or Fahrenheit. You can select one of them by clicking corresponding unit button. You will get a notification once you click one type of unit but you already used it.
SAVING WEATHER DATA: The application can save the current weather data and display below. In addition, you can highlight the block which you want to use for comparison.
GIF FOR FUN: There are some Gifs which are searched based on the weather desciption as keywords. Please feel free to right click and save them :).
CONTACT ME: Please do not be hesitant to contact me if you meet any issue during application use or have feedback and suggestion to share with me. On the right top corner, there are my Tweeter and Github and Linkedin link.