GabiZar/Images-Scrapper-JS
1
0
Fork 0
mirror of https://github.com/Gabi-Zar/Images-Scrapper-JS.git synced 2026-04-17 05:36:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add a loader and improve the scroll bar

Browse Source
This commit is contained in:
GabiZar
2026-03-06 14:58:01 +01:00
parent 33c1ea317a
commit aefedd0d46
3 changed files with 70 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
public/script.js
View File

@@ -3,6 +3,7 @@ const searchInput = document.getElementById("search-input");
const searchForm = document.getElementById("search-form");
const imagesDiv = document.getElementById("images-div");
const imageTemplate = document.getElementById("image-template");
const loaderDiv = document.getElementById("loader-div");
let imagesUrls = [];
starsCanvas(starsNumber);
@@ -87,6 +88,7 @@ async function getImagesURL(query, offset, count, smart) {
const response = await fetch(url);
const data = await response.json();
loaderDiv.classList.toggle("show");
for (const url of data) {
imagesUrls.push(url);
const imageTemplateCopy = imageTemplate.content.cloneNode(true);
@@ -97,5 +99,6 @@ async function getImagesURL(query, offset, count, smart) {
async function search() {
imagesDiv.replaceChildren();
await getImagesURL(searchInput.value, 1, 1000, true);
loaderDiv.classList.toggle("show");
await getImagesURL(searchInput.value, 1, 1000, false);
}