HTML : How to conditionally set required attribute when element is not hidden

HTML : How to conditionally set required attribute when element is not hidden
To Access My Live Chat Page,
On Google, Search for "hows tech developer connect"

As promised, I have a secret feature that I want to reveal to you.
This is a YouTube's feature which works on Desktop.
First, Ensure that the video is playing before proceeding.
After that, type the word 'awesome' on your keyboard.
You will see a flashing rainbow instead of a regular progress bar on YouTube.

A brief introduction of myself,
Hello, I am Delphi.
I can provide you with assistance to help you answer your questions.
HTML : How to conditionally set required attribute when element is not hidden
Please don't hesitate to let me know if you have more specific queries by commenting or chatting with me.
Don't hesitate to share your answer or insights on the answer by leaving a comment below.
I will express my appreciation for your answer by 'hearting' it.
required element hidden to not is attribute set conditionally How HTML when :