Microsoft Word - Assignment 2.docxManitoba Institute of Trades and Technology Software Development Object Oriented JavaScript SD-120 Andre Specht Assignment 2: Shape factory ...

Create a shape box


Microsoft Word - Assignment 2.docx Manitoba Institute of Trades and Technology Software Development Object Oriented JavaScript SD-120 Andre Specht Assignment 2: Shape factory Weight: 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 array 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).