Bummer! You have been redirected as the page you requested could not be found.

Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Practice DOM Manipulation: Checkboxes

Well done!

You have completed Practice DOM Manipulation: Checkboxes!

Sign up for Treehouse Back to Library

Introducing the Practice

1:43 with Brian Jensen

This video introduces the challenge that you'll be working to complete.

Prerequisites

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related 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 up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up