script.js

let input = document.getElementById("searchInput");
let maincontainer = document.getElementById("searchResults");


function createandappend(list) {
    let resultcontainer = document.createElement("div");
    resultcontainer.classList.add("result-item");
    maincontainer.appendChild(resultcontainer)
    let anchorelement1 = document.createElement("a")
    anchorelement1.classList.add("result-title")
    anchorelement1.href = list.link
    anchorelement1.target = "_blank"
    anchorelement1.textContent = list.title
    resultcontainer.appendChild(anchorelement1)
    let br1 = document.createElement("br")
    resultcontainer.appendChild(br1)

    let link = document.createElement("a")
    link.classList.add("result-url")
    link.href = list.link
    link.target = "_blank"
    link.textContent = list.link
    resultcontainer.appendChild(link)

    let description = document.createElement("p")
    description.classList.add("link-description")
    description.textContent = list.description
    resultcontainer.appendChild(description)


}


function searchresultsfunction(search) {
    for (let i of search) {
        createandappend(i)
    }
}

function searchwiki(event) {
    if (event.key === "Enter") {
        maincontainer.textContent = ""
        let userinput = input.value;
        let url = "https://apis.ccbp.in/wiki-search?search=" + userinput;
        let options = {
            method: "GET"
        }
        fetch(url, options)
            .then(function(response) {
                return response.json();

            })
            .then(function(data) {
                let {
                    search_results
                } = data;
                searchresultsfunction(search_results)
            })
    }
}
input.addEventListener("keydown", searchwiki);