diff --git a/curriculum/challenges/english/25-front-end-development/lab-customer-complaint-form/67279fe50237291f80eed8b8.md b/curriculum/challenges/english/25-front-end-development/lab-customer-complaint-form/67279fe50237291f80eed8b8.md index 78f13743ed4..5d199b69363 100644 --- a/curriculum/challenges/english/25-front-end-development/lab-customer-complaint-form/67279fe50237291f80eed8b8.md +++ b/curriculum/challenges/english/25-front-end-development/lab-customer-complaint-form/67279fe50237291f80eed8b8.md @@ -175,12 +175,13 @@ assert.isFalse(validateForm()["complaints-group"]); Once one checkbox from `#complaints-group` is checked, you should set `#complaints-group`'s border color to `green`. ```js -document.getElementById("damaged-product").checked = true; document.getElementById("nonconforming-product").checked = false; document.getElementById("delayed-dispatch").checked = false; document.getElementById("other-complaint").checked = false; +const damagedProduct = document.getElementById("damaged-product"); +damagedProduct.checked = true; +damagedProduct.dispatchEvent(new Event("change", { bubbles: true })); const fieldset = document.getElementById("complaints-group"); -fieldset.dispatchEvent(new Event("change", { bubbles: true })); assert.equal(fieldset.style.borderColor, "green"); ``` @@ -188,11 +189,12 @@ When all of the checkboxes from `#complaints-group` are changed to the unchecked ```js document.getElementById("damaged-product").checked = false; -document.getElementById("nonconforming-product").checked = false; document.getElementById("delayed-dispatch").checked = false; document.getElementById("other-complaint").checked = false; +const nonConfProduct = document.getElementById("nonconforming-product"); +nonConfProduct.checked = false; +nonConfProduct.dispatchEvent(new Event("change", { bubbles: true })); const fieldset = document.getElementById("complaints-group"); -fieldset.dispatchEvent(new Event("change", { bubbles: true })); assert.equal(fieldset.style.borderColor, "red"); ``` @@ -249,11 +251,12 @@ assert.isFalse(validateForm()["solutions-group"]); Once a radio button from `#solutions-group` is checked, you should set `#solutions-group`'s border color to `green`. ```js -document.getElementById("refund").checked = true; document.getElementById("exchange").checked = false; document.getElementById("other-solution").checked = false; +const refundRadioBtn = document.getElementById("refund"); +refundRadioBtn.checked = true; +refundRadioBtn.dispatchEvent(new Event("change", { bubbles: true })); const fieldset = document.getElementById("solutions-group"); -fieldset.dispatchEvent(new Event("change", { bubbles: true })); assert.equal(fieldset.style.borderColor, "green"); ``` @@ -261,10 +264,11 @@ When all of the checkboxes from `#complaints-group` are changed to the unchecked ```js document.getElementById("refund").checked = false; -document.getElementById("exchange").checked = false; document.getElementById("other-solution").checked = false; +const exchangeRadioBtn = document.getElementById("exchange"); +exchangeRadioBtn.checked = false; +exchangeRadioBtn.dispatchEvent(new Event("change", { bubbles: true })); const fieldset = document.getElementById("solutions-group"); -fieldset.dispatchEvent(new Event("change", { bubbles: true })); assert.equal(fieldset.style.borderColor, "red"); ```