jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-03-11 22:01:07 -04:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Dario-DC
2025-04-07 21:27:16 +02:00
committed by GitHub
parent 667596e641
commit f09e8bd8ec
1 changed files with 12 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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");
```