.ccode [JS, HTML, CSS] टेलीग्राम पोस्ट

const form = document.querySelector('.form');
const inputValue = document.querySelector('.input');
const result = document.querySelector('.result');

form.addEventListener('submit', (e) => {
 e.preventDefault();

 if (inputValue.value.trim() !== '') {
  searchWiki(inputValue.value);
 }
});

function searchWiki(value) {
 const url = `https://ru.wikipedia.org/w/api.php?action=query&list=search&prop=info&inprop=url&utf8=&format=json&origin=*&srlimit=50&srsearch=${encodeURIComponent(
  value,
 )}`;

 fetch(url)
  .then((response) => response.json())
  .then((data) => {
   displayResult(data.query.search);
  });
}

function displayResult(results) {
 result.innerHTML = `Кол-во найденных статей: ${results.length}`;
 const container = document.querySelector('.query-container');
 container.innerHTML = '';

 results.forEach((result) => {
  const element = document.createElement('div');
  element.classList.add('result-item');

  element.innerHTML = `
    
      <div class="title-query">${result.title}</div>
      <div class="desc-query">${result.snippet}</div>
      <a class="item-link" href="https://ru.wikipedia.org/?curid=${result.pageid}" target="_blank">Читать больше</a>
    `;

  container.appendChild(element);
 });

 inputValue.value = '';
}