const form = document.getElementById("search-form"); const searchBox = document.getElementById("search-box"); const resultsDiv = document.getElementById("results");

form.addEventListener("submit", (event) => { event.preventDefault(); const query = searchBox.value; if (query.trim() === "") { return; } search(query); });

async function search(query) { const response = await fetch(http://example.com/search?q=${query}); const data = await response.json(); showResults(data.results); }

function showResults(results) { resultsDiv.innerHTML = ""; for (let result of results) { const div = document.createElement("div"); const title = document.createElement("h2"); title.textContent = result.title; const url = document.createElement("a"); url.href = result.url; url.textContent = result.url; div.appendChild(title); div.appendChild(url); resultsDiv.appendChild(div); } }