00:01
Hello students, here is an example of an html page that implements a requirement as per your question.
00:08
So, here this html page includes an input box and search button.
00:15
When the search button is clicked, it validates the input and makes a request to the specified api endpoints and display the result in a table format.
00:27
So, it also shows the total number of the cities found and loading message while fetching the data.
00:37
So, here you can see, to display you will first align your loader as with a display with alignment of its center and you are just providing with a margin border for 20 pixels.
00:52
Same for the table, you are providing some borders and padding for some space, then you will give a input like a text for input, a text command to enter a city name.
01:08
By here entering a city name, if it is going to load, so it will go for your loader function.
01:16
It will provide you as the message called loading.
01:23
It will provide you a message called as loading while fetching the data...