The popup.js file links the buttons in the popup UI to the actions in the background script. Paste the following code into popup.js:
document.getElementById("start").addEventListener("click", () => {
chrome.runtime.sendMessage({ action: "start" }, (response) => {
if (chrome.runtime.lastError) {
console.error("[popup.js] Error:", chrome.runtime.lastError.message);
document.getElementById("status").innerText = "Error: Could not connect to background script.";
return;
}
console.log("[popup.js] Response:", response);
document.getElementById("status").innerText = `Status: ${response.status}`;
});
});
document.getElementById("stop").addEventListener("click", () => {
chrome.runtime.sendMessage({ action: "stop" }, (response) => {
if (chrome.runtime.lastError) {
console.error("[popup.js] Error:", chrome.runtime.lastError.message);
document.getElementById("status").innerText = "Error: Could not connect to background script.";
return;
}
console.log("[popup.js] Response:", response);
document.getElementById("status").innerText = `Status: ${response.status}`;
});
});