GithubHelp home page GithubHelp logo

prime_group_jq_03's Introduction

Group jQuery Challenge Week 2

You will create a team randomizer. In order to complete this challenge, you will need to use Javascript and jQuery. Not only will you need to randomly create teams, but you will also need to animate the assignment to add a layer of ‘cool’.

The basic functionality should be that you include all 22 of your peers into the randomizer. Then, have a series of buttons, 2 - 10, that will set how many groups you would like to create. You will need to additionally create a generate button, that once a team size is selected, can be pressed to begin the team assigning process.

If the user clicks on the generate button without a team size selected, an alert should be presented, prompting the user to pick the number of teams they need to create.

As the group assignment is occurring, not only should the names appear in the group, but a group header should also be presented. You can get fancy with Team names, but ‘Team 1’, ‘Team 2’ and so on will work just fine as well.

Finally, if the generate button is hit again, a new randomization should occur, clearing out the old information.

Possible stretches for you on this assignment: You may need to do a little research on how to shuffle the information. Additionally, you may need to play with the .delay() jQuery method to time out the animations (hint: .delay(i * seconds) )

##Hard Mode Add in an additional set of buttons that allows for team size, in addition to the set of buttons that figures out team amounts.

##Pro Mode Write unit tests using QUnit.

prime_group_jq_03's People

Contributors

brotherseamus avatar cwklausing avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.