tata2772

Untitled

Jan 2nd, 2019
686
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

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×