DEV Community

noellefajt
noellefajt

Posted on

Sorting Test

Overview
For my group's final project we made a sorting test. This presented the user with a question and a number of options that they could sort into the correct order by either dragging or using the up and down arrow buttons.

Image description

The user was then able to check their answers and reset as necessary.

Image description

Here is some of the code that we use to check that the users answers are right.
Image description
Image description

One of our tough challenges was getting the up arrow to disable on the top option and the down arrow to disable on the bottom option, then having them enable and disable accordingly when they are moved. We ended up making a separate check function for this and calling it every time an up or down arrow was pressed or an option was dragged. Here is the code we implemented.
Image description

Next steps
Our group is working on the bonus to have the user be able to switch to and from another language. We are also working on the HAX aspect on the project.

Top comments (0)