script.js

const searchBox=document.getElementById('search-box');
const searchForm=document.getElementById('search-form');
const searchResult=document.getElementById('search-result');
const showMoreBtn=document.getElementById('show-more-btn');
// const accesskey=" PASTE YOUR ACESS KEY";

let keyword="";
let page=1;
async function searchImages()
{
    keyword=searchBox.value;
    const url = `https://api.unsplash.com/search/photos?page=${page}&query=${keyword}&client_id=${accesskey}&per_page=12`;

    console.log(url);

    const response=await fetch (url);
    const data=await response.json();

    if(page===1)
    {
        searchResult.innerHTML="";
    }
   const results=data.results;
   results.map((result)=>{
    const image=document.createElement('img');
    image.src=result.urls.small;
    const imageLink=document.createElement("a");
    imageLink.href=result.links.html;
    imageLink.target="_blank";
    imageLink.appendChild(image);
    searchResult.appendChild(imageLink);

})

showMoreBtn.style.display="block";
    

}
searchForm.addEventListener("submit",(e)=>{
    e.preventDefault();
    page=1;
    searchImages();


})

showMoreBtn.addEventListener("click",()=>{
    page++;
    searchImages();
})

// Link: <https://api.unsplash.com/search/photos?page=1&query=office>;