-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
30 lines (27 loc) · 1.03 KB
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
const search = document.querySelector('#search')
const search_btn = document.querySelector('#search-btn')
const img_container = document.querySelector('.img-container')
search_btn.addEventListener('click', async () => {
const search_value = search.value
console.log(search_value,"search_value")
if ( search_value === '' ) {
alert('Please enter a search term')
return
}else {
const key = 'RuJTeKhXAyF9G-9VlCJJv1NlEMuCgGCDgIS-2Brjv3E'
const url = `https://api.unsplash.com/search/photos?page=1&query=${search_value}&client_id=${key}`
let data = await fetch(url)
data = await data.json()
console.log(data,"data")
displayImages(data)
}
})
function displayImages(data){
img_container.innerHTML = ''
data.results.forEach(element => {
console.log(element.urls.regular,"element.urls.regular")
const img = document.createElement('img')
img.src=element.urls.regular
img_container.appendChild(img)
});
}