Microsoft Word - Assignment 2.docx
Manitoba Institute of Trades and Technology
Software Development
Object Oriented JavaScript SD-120
Andre Specht
Assignment 2: Shape factory XXXXXXXXXXWeight: 10/100
In this assignment, you will develop a web application that allows users to create different shapes
with different colours and get information about them.
Directions and requirements
• Implement two select elements, one for the shapes and one for the colours.
• Create a box (grid) to contain at least 20 different shapes (circles and squares).
• Add the necessary style for circles and squares. Colours will be defined via JavaScript.
• Create a class named Shape with a constructor, 2 accessor properties (name and colour) and
1 method - getInfo().
• Name and colour (actually _name and _colour) must be accessed through get properties.
• The ‘Create’ button will create a Shape object, save it in an a
ay and add a new shape (div)
to the grid. This div is the HTML representation of the JavaScript object.
• Implement a function named createShape() to create and append a shape to the grid box.
• getInfo() returns the name of the shape and its colour. This method is called when the user
clicks on one of the shapes.
Colours
• Blue: #0f9
• Green: #9f0
• Orange: #f90
• Pink: #f09
• Purple: #90f
Marking criteria
CRITERIA MARKS*
Page components and required functions 2
Student implements classes and objects, as well as accessor properties 2
Application works and delivers the expected results 4
Coding standards, best practices, and application on GitHub pages 2
* Marks will be deducted if the assignment is submitted late and/or incomplete. Assignments not
submitted on time will see deductions of 10% per day, including weekends and holidays.
Submission guidelines
Upload your files to the Dropbox folder on MyLearning (Object Oriented JavaScript SD-120 à
Assignments à Assignment 2) as a zipped folder (don’t use rar), along with the link to your application
on GitHub (as a comment).