finish requirement 1
finish requirement 2
finish the UI part of requirement 3
finish requirement 3
finish the UI part of requirement 4
add click event
finish requirement 4