Advertisement
TheReyzer

search

Jul 10th, 2019
123
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. let inputSearch = document.querySelector('.filterPosts');
  2. let pList = document.querySelector('.postsList');
  3.  
  4. let requestURL = 'Posts.json';
  5. let request = new XMLHttpRequest();
  6. request.open('GET', requestURL);
  7.  
  8. request.responseType = 'json'; request.send();
  9.  
  10. request.onload = function() {
  11.   let posts = request.response;
  12.   showPosts(posts);
  13. }
  14.  
  15. function showPosts(jsonObj) {
  16.   let posts = jsonObj['posts'];
  17.   for (let i = 0; i < posts.length; i++) {
  18.      
  19.      let listContent = document.createElement('a');
  20.      listContent.textContent = posts[i].name;
  21.      listContent.href = posts[i].url;
  22.      
  23.       let liItem = document.createElement('li');
  24.       liItem.appendChild(listContent);
  25.       pList.appendChild(liItem);
  26.   }
  27.  
  28.   }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement