Skip to content

Instantly share code, notes, and snippets.

@matteodepalo

matteodepalo/front-end-challenge.md

Last active August 29, 2015 14:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save matteodepalo/de03ff3eede775a03d21 to your computer and use it in GitHub Desktop.
Save matteodepalo/de03ff3eede775a03d21 to your computer and use it in GitHub Desktop.
Download ZIP
Front-End Challenge
Raw
front-end-challenge.md

Front-End Challenge

The setting

We want to pay one of our advisors. We direct him to a page where he can see he's going to be paid $100. At the bottom of the page he will be able to choose if a part of his earnings will go to charity.

The challenge

Implement with html, css and js the following radio buttons selection. The value selected should be called "charity fraction" and should be submittable if the radio button was placed inside a form.

Before selection:

After selection:

The fourth button contains a select tag that will update the amount below it once selected.

Things that we value

  • Code cleanliness
  • Minimal amount of JS
  • Cross browser compatibility down to IE 7 included (althought it doesn't have to be pixel perfect for IE 7)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment