Bidding Sequence In the example presented in the assignment, you take as input the HTML string 1h 1s 1N 2d and translate this into 1hearts – 1spades ,  1N – 2diamonds Which will display (as shown in the assignment) with graphical representation of the suits, proper spacing, etc. The start of a new line is irrelevant to the browser and can be added at your discretion to make the HTML more readable. Note that a great deal of care has gone into the details of the HTML. For instance, a comma does not show up clearly on the spage so it is made . Small spaces ( ) have been added to prevent characters from running together. Dahes (–) are used not hyphens (-). Careful typography distinguishes an excellent web page from a good page. An individual bid is either '?' or a single digit following by one of the characters 'spdcN'. Individual bids are separated by one or more spaces. The single characters representing suits are replaced by their icon s spades h hearts d diamonds c clubs N is not replaced by anything These links to the images are included in the skeleton of the assignment. Suggested steps for completing the assignment. 1. Parse the input and add the basic punctuation (the dashes and commas). You will end up with something like. 1h – 1s, 1N – 2d, ? 2. Sharpen up the punctionation 1h – 1s, 1N – 2d, ? 3. Add the images for the suits