COMP484-Project 2 UI For a Simple Giga Pet game Solved

In this project you are going to create the functionality and UI for a simple Giga Pet game. 

Requirements:​ To complete this project you will add to the starter code provided. You may use glitch or any editor that you prefer. For this project you can use the JQuery library. You may edit the structure of the provided HTML and CSS to better fit your preferred style. You may use lecture slides and the past hw’s for sample code but make sure to make it your own. 

 

The purpose of this project is to make sure you have an understanding of JavaScript arrays, objects, click events on an element, and how to change properties in elements. 

 

Functionality:

 

●       Create a pet_info object with keys "name", "weight", "happiness" and set initial values. Set this equal to variable "pet_info"

●       Add behavior to buttons When your pet receives a treat, add to its happiness and weight. When your pet exercises, reduce it's happiness and weight. When your pet plays, add to its happiness and reduce its weight

●       Fix key bug to make sure keys can't go below zero (use conditional)

●       Add a new action (button, key in pet_info, in HTML)

●       Add a new behavior that correlates with the new button you added. You can add it below the happiness. 

Add a notification after each button press with a comment from your pet