7/25/2019 UX Assignment

1/3

7/25/2019 UX Assignment

2/3

There are three pane areas available on the page Left pane

Right top pane

Right bottom pane

Left paneYou have a list of HTML elements available on the Left pane

There you can search for the specic Element, after which the list will get ltered

There you can select Element, which will then get rendered on Right bottom pane and it wentry of Element in Right top pane

You can clear the list of all selected Elements using !lear" button of Left pane, which will

ltering, remove all the Element from Right bottom pane and entries from Right top pane

Right top paneThere you will show list of selected Elements and the count of theirs

You can also clear the particular Element using #"

Right bottom paneYou will have Element type, Element and $dd, Minus buttons

%ith $dd, you can add same type element after that Element and also increase the count and Right top pane

%ith Minus, you can remove the current Element and also decrease the count in Left panepane

&nce removed all the Elements of particular type, it should also unchec' the !hec'bo( fro

and should remove the entry from Right top pane

$dd a common header, footer ) organisation logo to the page which can be reus

other pages

7/25/2019 UX Assignment

3/3

*nstruction Ma'e ma(imum use of !++, HTML-, ./uery )

.ava+cript 0lease send us e(ecutable code to accurately ve

the re1uirements listed out

2* loo' and feel should be classy