Improve images scrapping from bing and show images on the client

This commit is contained in:
2026-03-05 21:58:07 +01:00
parent 7dddb7e0e4
commit ff702d74aa
4 changed files with 73 additions and 10 deletions

View File

@@ -1,7 +1,7 @@
<!doctype html>
<html lang="en">
<head>
<title>Ma Web App</title>
<title>Images Scrapper JS</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
@@ -11,7 +11,7 @@
<div class="app">
<main class="content">
<h1>Images Scrapper JS</h1>
<div class="view">
<div class="view" id="view">
<div class="horizontal-div">
<form class="horizontal-div input-form" id="search-form">
<input id="search-input" type="text" placeholder="Search For Images..." />
@@ -19,10 +19,17 @@
</form>
<button onclick="download()">Download Images</button>
</div>
<div id="images-div" class="images-div"></div>
</div>
</main>
</div>
<template id="image-template">
<div class="image-box">
<img id="image" />
</div>
</template>
<script src="script.js"></script>
</body>
</html>