ulivegenov

BusStop

Jul 13th, 2019
168
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.09 KB | None | 0 0
  1. function getInfo() {
  2. let stopId = document.getElementById('stopId').value;
  3. let stopNameElement = document.getElementById('stopName');
  4. let busesListElement = document.getElementById('buses');
  5.  
  6.  
  7. let url = `https://judgetests.firebaseio.com/businfo/${stopId}.json`;
  8.  
  9.  
  10. fetch(url)
  11. .then((response) => {
  12. console.log(url);
  13. console.log(response.status)
  14. response.json()}
  15. )
  16. .then((data) => {
  17.  
  18. let stopName = data.name;
  19. let stopBuses = data.buses;
  20.  
  21. stopNameElement.textContent = stopName;
  22. busesListElement.innerHTML = '';
  23.  
  24. for (const bus in stopBuses) {
  25. let liElement = document.createElement('li');
  26. liElement.textContent = `Bus ${bus} arrives in ${stopBuses[bus]}`;
  27. busesListElement.appendChild(liElement);
  28. }
  29. })
  30. .catch(error => document.getElementById('stopName').textContent = 'Error');
  31. document.getElementById('stopId').value = '';
  32.  
  33. }
Advertisement
Add Comment
Please, Sign In to add comment