The title of the quiz was changed to “Armisha’s Math Quiz” along with the font and size of the title and the other text declared in the html file. The color of the table and the body of the webpage was changed as well to complementary contrasting colors. Spacing was added within the table, the solution and response, and the response and source tag with a horizontal bar added above the source. Instructions were added below the title of the quiz. The dimensions of the question box were changed to be larger along with the cheat mode and start over line were swapped with space added between the two to avoid accidental clicking. All of the compliments, questions, and responses were altered as well. All edits to both the html file and the javascript file were done in sublime text. Proper procedure was followed to add the html text to the body of an html file and including both the html file and javascript file to one folder for hosting purposes, click here to access the quiz.
Most of the elements that were changed came from altering the HTML and CSS scripts. The only change made to the JavaScript portion of the code was the alert when everything was correct. The phrase viewed in the tab once the URL is clicked was changed to “Drag and Drop by Armisha” along with the title of the quiz now being, “Math Topics Quiz”. Armisha added more detail to the instructions under the title of the quiz. The color scheme for the quiz has been completely altered, from the background of the footer to the main container and headings of each column. The background color that is seen when dragging an element to a new box was also altered. All of the elements in this webpage were also centered for easier visibility. The main container and the “Concept/Names” column were both shortened. The type of red and green used for incorrect and correct answers respectively were also changed to compliment the new color scheme utilized. The font was also changed to “Times New Roman”. Also, the name of the HTML file was changed to index to truncate the URL when uploading it to the server, click here to access the drag and drop assessment.