Advertisement
TheReyzer

código lixo

Jul 11th, 2019
111
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. let inputS = document.querySelector('.filterPosts');
  2. let inputSearch = inputS.value.toUpperCase();
  3. let pList = document.querySelector('.postsList');
  4. let allLi = document.getElementsByTagName('li');
  5.  
  6. let requestURL = 'Posts.json';
  7. let request = new XMLHttpRequest();
  8. request.open('GET', requestURL);
  9.  
  10. request.responseType = 'json'; request.send();
  11.  
  12. request.onload = function() {
  13.   let posts = request.response;
  14.   showPosts(posts);
  15. }
  16.  
  17. function showPosts(jsonObj) {
  18.   let posts = jsonObj['posts'];
  19.   for (let i = 0; i < posts.length; i++) {
  20.      
  21.      let listContent = document.createElement('a');
  22.      listContent.textContent = posts[i].name;
  23.      listContent.href = posts[i].url;
  24.      
  25.       let liItem = document.createElement('li');
  26.       liItem.appendChild(listContent);
  27.       pList.appendChild(liItem);
  28.  
  29.   }
  30. }
  31.  
  32.  
  33.  
  34. function search() {
  35.   for (i = 0; i <  allLi.length; i++) {
  36.     txtValue = allLi[i].textContent || allLi[i].innerText;
  37.    
  38.     if (txtValue.toUpperCase().indexOf(inputSearch) > -1) {
  39.       console.log('tem');
  40.       allLi[i].style.display = '';
  41.     } else {
  42.       console.log('nao tem');
  43.       allLi[i].style.display = 'none';
  44.     }
  45.   }
  46. }
  47.  
  48.  
  49.   inputS.addEventListener('keyup',function(){
  50.     search();
  51.   });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement