Keyword Research
Keyword Research Tool
Top Keywords
Related Keywords
// Function to handle form submission
function handleFormSubmission(event) {
event.preventDefault();
// Retrieve the keyword input value
var keyword = document.getElementById("keywordInput").value;
// Make an API call to retrieve keyword research data
// Replace the API_URL with the actual URL of your keyword research API
var API_URL = "https://api.example.com/keyword-research?keyword=" + encodeURIComponent(keyword);
fetch(API_URL)
.then(response => response.json())
.then(data => {
// Update the top keywords in the HTML
var topKeywordsList = document.getElementById("topKeywords");
topKeywordsList.innerHTML = ""; // Clear previous results
data.topKeywords.forEach(keyword => {
var li = document.createElement("li");
li.textContent = keyword;
topKeywordsList.appendChild(li);
});
// Update the related keywords in the HTML
var relatedKeywordsList = document.getElementById("relatedKeywords");
relatedKeywordsList.innerHTML = ""; // Clear previous results
data.relatedKeywords.forEach(keyword => {
var li = document.createElement("li");
li.textContent = keyword;
relatedKeywordsList.appendChild(li);
});
})
.catch(error => {
console.error("Error:", error);
});
}
// Add event listener to the form submission
document.getElementById("keywordForm").addEventListener("submit", handleFormSubmission);