JavaScript Document afterscriptexecute Event

function finished(e) {
  console.log(`Finished script with ID: ${e.target.id}`);
}

document.addEventListener("afterscriptexecute", finished);
console.log("Listener attached (may never fire today)");

const supported = "onafterscriptexecute" in document;
console.log("onafterscriptexecute in document:", supported);

if (supported) {
  document.addEventListener("afterscriptexecute", () => {
    console.log("Legacy path: afterscriptexecute");
  });
} else {
  console.log("Use script load/error events instead");
}

const script = document.createElement("script");
script.textContent = "window.__demoRan = true;";

document.body.appendChild(script);

console.log("Prefer load/error over afterscriptexecute");
console.log("after append, __demoRan:", window.__demoRan === true);

// External scripts (usual production case):
// script.src = "/libs/helper.js";
// script.addEventListener("load", () => console.log("executed"));
// script.addEventListener("error", () => console.error("failed"));
// document.head.appendChild(script);