fix(curriculum): trigger event on input in customer complaint form (freeCodeCamp#59311)

Author: Dario-DC

curriculum/challenges/english/25-front-end-development/lab-customer-complaint-form/67279fe50237291f80eed8b8.md

@@ -175,24 +175,26 @@ 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");
 ```
 
 When all of the checkboxes from `#complaints-group` are changed to the unchecked state, you should set `#complaints-group`'s border color to `red`.
 
 ```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,22 +251,24 @@ 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");
 ```
 
 When all of the checkboxes from `#complaints-group` are changed to the unchecked state, you should set `#complaints-group`'s border color to `red`.
 
 ```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");
 ```