fix(curriculum): add dispatchevent to trigger onchange after value change in tests

[Deep512]

Checklist:

• I have read and followed the contribution guidelines.
• I have read and followed the how to open a pull request guide.
• My pull request targets the main branch of freeCodeCamp.
• I have tested these changes either locally on my machine, or GitPod.

Closes #53390

Dispatching change event after value change in the tests of the following certification projects:

• https://github.com/freeCodeCamp/freeCodeCamp/blob/main/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/build-a-cash-register-project/build-a-cash-register.md
• https://github.com/freeCodeCamp/freeCodeCamp/blob/main/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/build-a-palindrome-checker-project/build-a-palindrome-checker.md
• https://github.com/freeCodeCamp/freeCodeCamp/blob/main/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/build-a-pokemon-search-app-project/build-a-pokemon-search-app.md
• https://github.com/freeCodeCamp/freeCodeCamp/blob/main/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/build-a-roman-numeral-converter-project/build-a-roman-numeral-converter.md
• https://github.com/freeCodeCamp/freeCodeCamp/blob/main/curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/build-a-telephone-number-validator-project/build-a-telephone-number-validator.md

[Ksound22]

I have gone through the issue this PR is trying to fix, but I'm still lost. Can you provide more explanations? Where's dispatchEvent() from?

[Deep512]

Sure, @Ksound22. As discussed in the aforementioned issue whenever the user reads the input value from the change event on the input element, it works well in the development environment for the camper although while running the tests on the input code the change event isn't triggered on the input element.
Hence in this PR, we are dispatching a custom event on the input element which will allow the camper's code to pass the challenge tests and not throw an error.
Hope I have answered your question

[Ksound22]

Sure, @Ksound22. As discussed in the aforementioned issue whenever the user reads the input value from the change event on the input element, it works well in the development environment for the camper although while running the tests on the input code the change event isn't triggered on the input element. Hence in this PR, we are dispatching a custom event on the input element which will allow the camper's code to pass the challenge tests and not throw an error. Hope I have answered your question

I know about that through the issue. What I'm asking is where's dispatchEvent() from?

[Deep512]

I know about that through the issue. What I'm asking is where's dispatchEvent() from?

You can look that up here:
https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/dispatchEvent