تفاعلات JavaScript الميسرة

const root = document.createElement("section");
const button = document.createElement("button");
button.type = "button"; button.textContent = "Enroll";
const status = document.createElement("p");
status.setAttribute("role", "status");
button.addEventListener("click", () => { status.textContent = "1 enrolled"; });
root.append(button, status);
button.click();
console.log(status.textContent);
console.log(button.tagName, status.getAttribute("role"));

1 enrolled
BUTTON status

يثبت الفحص حالة DOM فقط. ويحتاج التشغيل والتركيز والإعلان الفعلي تقييماً لمهمة مركبة.

const field = document.createElement("input");
field.id = "email"; field.type = "email";
const label = document.createElement("label");
label.htmlFor = field.id; label.textContent = "Email";
const error = document.createElement("p");
error.id = "email-error"; error.textContent = "Enter a valid email address.";
field.setAttribute("aria-invalid", "true");
field.setAttribute("aria-describedby", error.id);
console.log(label.htmlFor, field.getAttribute("aria-invalid"));
console.log(field.getAttribute("aria-describedby"));

email true
email-error

للحقل هدف تسمية ومرجع وصف صريحان. ويجب أن يفحص النموذج المركب وجود العقد وسلوك التصحيح.