SHARE
TWEET

Untitled

tata2772 Jan 2nd, 2019 113 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. < html lang = "pt-br" >
  2.     < kafa >
  3.         < meta charset = "utf-8" >
  4.         < title > Uygulama Pesquisa Livros < / title >
  5.         < Bağlantı rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" bütünlük = "SHA384-MCw98 / SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin = "anonim" >
  6.  
  7.         < script >
  8.             getLivros () {işlevi
  9.  
  10.                 izin pesquisa = document.getElementById ('pesquisa'). değer;
  11.                
  12.                 url olsun = `https://www.googleapis.com/books/v1/volumes?q=${pesquisa} & filter = bedava e-kitaplar & maxResults = 40 &`;
  13.                 let reqUrl = new XMLHttpRequest ();
  14.  
  15.                 reqUrl.open ('GET', url);
  16.  
  17.                 reqUrl.onreadystatechange = () => {
  18.  
  19.                     document.getElementById ('conteudo'). innerHTML = '';
  20.  
  21.                     if (reqUrl.readyState == 4 && reqUrl.status == 200) {
  22.  
  23.                         let objLivros = JSON.parse (reqUrl.responseText);
  24.  
  25.                         console.log (objLivros);
  26.  
  27.                         için (let objLivros.items içinde) {
  28.  
  29.                             let livro = objLivros.items [l] .volumeInfo;
  30.  
  31.                             divRow = document.createElement ('div');
  32.                             divRow.className = 'satır sınır-alt sınır-birincil my-3';
  33.  
  34.                             divCol = document.createElement ('div');
  35.                             divCol.className = 'col-12 col-md-10';
  36.  
  37.                             divColImagem = document.createElement ('div');
  38.                             divColImagem.className = 'col-12 col-md-2';
  39.  
  40.                             let let = document.createElement ('h4');
  41.                             title.innerHTML = ` < strong > Título < / strong > : $ {livro.title}`;
  42.  
  43.                             autores = '';
  44.  
  45.                             için (bir livro.authors a izin verin) {
  46.  
  47.                                 if (autores) {
  48.                                     autores + = ',';
  49.                                 }
  50.  
  51.  
  52.                                 autores + = livro.authors [a];
  53.                             }
  54.  
  55.                             let author = document.createElement ('h4');
  56.                             author.innerHTML = ` < strong > Autor (es) < / strong > : $ {autores}`;
  57.  
  58.                             kategorilere izin ver = '';
  59.                            
  60.                             için (bir livro.categoriler olsun) {
  61.  
  62.                                 if (categorias) {
  63.                                     kategoriler + = ',';
  64.                                 }
  65.  
  66.  
  67.                                 kategoriler + = livro.categoriler [a];
  68.                             }
  69.  
  70.                             let categoria = document.createElement ('h4');
  71.                             categoria.innerHTML = ` < strong > Categoria (lar) < / strong > : $ {categorias}`;
  72.  
  73.                             let let = document.createElement ('h4');
  74.                             language.innerHTML = ` < strong > çevirmen < / strong > : $ {livro.language} ';
  75.  
  76.  
  77.                            imagemPreview = document.createElement ('img');
  78.                            imagemPreview.src = livro.imageLinks.thumbnail;
  79.                            imagemPreview.className = 'img-fluid';
  80.  
  81.                            let link = document.createElement ('h4');
  82.                            link.innerHTML = ` < strong > bağlantısını < / strong > : < a href = "$ {livro.canonicalVolumeLink}" hedef = '_blank' şeklinde > $ {livro.canonicalVolumeLink} < / a > `;
  83.  
  84.                            Document.getElementById ( 'conteúdo') AppendChild (divRow.);
  85.                            divRow.appendChild (divCol);
  86.                            divRow.appendChild (divColImagem);
  87.                            divCol.appendChild (başlık);
  88.                            divCol.appendChild (yazar);
  89.                            divCol.appendChild (Kategori);
  90.                            divCol.appendChild (dil);
  91.                            divColImagem.appendChild (imagemPreview);
  92.                            divCol.appendChild (link);
  93.  
  94.                        }
  95.                    }
  96.                }
  97.  
  98.                reqUrl.send ();
  99.            }
  100.        < / script >
  101.  
  102.  
  103.    < / kafa >
  104.  
  105.    < vücut >
  106.      
  107.        < div class = "container py-3 px-0" >
  108.  
  109.            < div class = "row" >
  110.                < div class = "col-9 col-md-10" >
  111.                    < input class = "form-control" type = "text" id = "pesquisa" yer tutucu = "Provurar por livros" >
  112.                < / div >
  113.                < div class = "col-3 col-md-2" >
  114.                    < Düğmesi sınıfı = "btn birincil btn" Onclick = ") (getLivros" > Pesquisar < / düğmesi >
  115.                < / div >
  116.            < / div >
  117.        < / div >
  118.  
  119.        < div class = "container" id = "conteudo" >
  120.          
  121.        < / div >
  122.      
  123.    < / vücut >
  124. < / html >
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top