Lab 4 Reflection

Brian Sherpa
Lab 4 Reflection
12/1/19

 Lab 4 was about the usage of JS objects to create a customizable ninja that can perform positive actions. The webpage we have been making used to be to contain a photograph of our ninja, a text area to view the traits of the ninja, a vicinity with buttons that make the ninja do a certain action, and a text area to see the effect of the actions.  One of the first things I did was to use CSS to put the buttons underneath the image and positioning the trait and action areas so that they were next to each other and underneath the image and controls. Next came programming the customization process and the onClick functions for the buttons, things that took a fair amount of JS. In order to add those traits, we first have to create a variable named ninja. Once we got the variable, we now have to add things that make it a ninja. This is where we add objects to the variable. Basically, objects give traits to the variable. If we want to make the ninja var unique, We had to add a name, what it likes and for me, I added the belt color. Now that the ninja variable is defined with objects, we made the ninja do some actions, or else it would just be just information about the ninja. First I added 3 buttons to the page and prepare the onClick tag. Specifically, we were only allowed to make the function inside the ninja variable. This is where we use a concept called methods. By using methods, we can create moves that specifically the ninja variable would have. I made the ninja punch, kick and dodge when you click on the respective buttons. In addition, I recorded my own audio using Quicktime Player for the actions.
This is a great skill for web designers because it teaches us how to create buttons and assign roles to them also the use of audio in buttons.