Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Preview
Start a free Courses trial
to watch this video
This video introduces the challenge that you'll be working to complete.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
[MUSIC]
0:00
Welcome coding adventurers, Brian here.
0:09
In this practice session, you'll use
JavaScript to ensure when a checkbox
0:12
representing a combat style of melee
or ranged is chosen, other checkboxes
0:17
within that combat style get disabled
to keep the teams of heroes and
0:21
enemies balanced.
0:26
While the theme is fantastical,
0:29
the core coding problem is seen
in many real-world applications.
0:30
Consider a software installation
0:35
process where certain features
are incompatible with others.
0:37
Launch the workspace with
this video to get started, or
0:42
download the project files and
use your preferred text editor.
0:45
First peek into the index.html file.
0:50
Here, you'll find the combat-style
data attributes on
0:54
the checkbox inputs.
0:58
These data attributes contain
the four unique values of hero-melee.
1:00
hero-ranged, enemy-melee,
and enemy-ranged.
1:06
You will work with these data attributes
in your JavaScript to complete
1:13
the challenge.
1:16
Next, pop into the app.js file.
1:18
Here, you'll find a few code
comments to guide your progress.
1:21
In the realm of web forms, e-commerce
selections, and software setups.
1:25
This kind of feature is crucial for
the user experience.
1:29
It ensures users make compatible choices.
1:32
Good luck, and have fun.
1:36
In the following video, I'll show you
one possible solution to this challenge.
1:38
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up