You are on page 1of 1

Step 1: Start.

Step 2: Create html file with name index.html that contain html form for
our web page.
Step 3: Create 3 paragraph with <p> tag assign a id as time ,date ,place
to display current time , date and place respectively.
Place a text field inside the form with id= “search”.
Step 3: Create style.css file. This CSS file is use to style an HTML
document and describe how HTML element should be display in the
web page.
Step 4: Create script.js file which contain JavaScript code for handling
various event and making our web page interactive.
Step 5: Take an API key from openweathermap.org to display current
temperature of particular location you have enter in the text field.
Step 6: Fetch data from openweathermap.org using fetch() method.
Step 7: Create a function KtoC() which convert kelvin into degree
Celsius.
Step 8: Register Event Listener to the form.
Step 9: Enter the location in the text field whose temperature you want
to find and then press enter.
Step 10: After pressing enter event listener will perform action and then
it generate the temperature of the place you search for.

You might also like