Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Karl Russell Sumando Menil
Full Stack JavaScript Techdegree Student 4,004 PointsRegister for Activities how do I convert this html code into JavaScript?
<fieldset id="activities" class="activities">
<legend>Register for Activities <span class="asterisk">*</span></legend>
<div id="activities-box" class="activities-box error-border">
<label>
<input type="checkbox" name="all" data-cost="200">
<span>Main Conference</span>
<span class="activity-cost">$200</span>
<img class="activity-img js-img" src="img/js.svg" alt="">
</label>
<label>
<input type="checkbox" name="js-libs" data-day-and-time="Tuesday 9am-12pm" data-cost="100">
<span>JavaScript Libraries Workshop</span>
<span>Tuesday 9am-12pm</span>
<span class="activity-cost">$100</span>
<img class="activity-img react-img" src="img/react.svg" alt="">
</label>
<label>
<input type="checkbox" name="node" data-day-and-time="Tuesday 1pm-4pm" data-cost="100">
<span>Node.js Workshop</span>
<span>Tuesday 1pm-4pm</span>
<span class="activity-cost">$100</span>
<img class="activity-img node-img" src="img/node.svg" alt="">
</label>
<label>
<input type="checkbox" name="js-frameworks" data-day-and-time="Tuesday 9am-12pm" data-cost="100">
<span>JavaScript Frameworks Workshop</span>
<span>Tuesday 9am-12pm</span>
<span class="activity-cost">$100</span>
<img class="activity-img angular-img" src="img/angular.svg" alt="">
</label>
<label>
<input type="checkbox" name="build-tools" data-day-and-time="Tuesday 1pm-4pm" data-cost="100">
<span>Build tools Workshop</span>
<span>Tuesday 1pm-4pm</span>
<span class="activity-cost">$100</span>
<img class="activity-img build-img" src="img/build.svg" alt="">
</label>
<label>
<input type="checkbox" name="npm" data-day-and-time="Wednesday 9am-12pm" data-cost="100">
<span>npm Workshop</span>
<span>Wednesday 9am-12pm</span>
<span class="activity-cost">$100</span>
<img class="activity-img npm-img" src="img/npm.svg" alt="">
</label>
<label>
<input type="checkbox" name="express" data-day-and-time="Wednesday 1pm-4pm" data-cost="100">
<span>Express Workshop</span>
<span>Wednesday 1pm-4pm</span>
<span class="activity-cost">$100</span>
<img class="activity-img express-img" src="img/express.svg" alt="">
</label>
</div>
<p id="activities-cost" class="activities-cost">Total: $0</p>
<p id="activities-hint" class="activities-hint hint">Choose at least one activity</p>
</fieldset>
Any hints, suggestions and comments are welcome thank you in advance for your help!!!