Lab 14 Reflection

Thawsif Mursalin

Digital Design

Lab 14

Reflection Journal

Simple Calculator With JavaScript!

       


        Lab 14 is all about employing what we know about JavaScript thus far. The user will have to be able to interact with the name, phone number, and E-mail boxes. What we had to do was create a site where there would be a very simple calculator off lab 13 with the the alert form boxes create a pop-up whenever someone puts in their name, phone, and E-mail and clicks the button that says "Go", all of it will register and a pop-up will show all of that information. This was very interesting as this is another thing that most websites have, which is putting your username to be part of the website and log in to. We built it off of our previous lab, 13. Which was our first ever JavaScript on Dreamweaver. What we had to do in lab 13 was to create an “interactive button” in which when clicked on, will show a hidden secret message of the website. Additionally we had to create text boxes that you could type in. These text boxes were document forms and alert form types. The text that we had to put for this particular lab was "This is my first ever JavaScript!" or something along the lines of first every JavaScript code.

I personally added a button for the hidden message encoded in CSS. I think that CSS is a useful skill to have because it made everything look flashy and nice. My button turned out to be orange but that’s not the only aspect in which I used CSS. I also used CSS in the background image of the JavaScript forms and message box. I used a solid fill color scheme, “Limegreen”. Also I added my own personalized favicon and placed it into the HTML code lining. Finally the navigation bar came so I included the same navigation form 2 projects ago. There were virtually no challenges other than using Camel Case characters, in which I adjusted to rather quickly. We changed document type to alert form instead and added spaces to put your name, number, and E-mail address.

All in all tailoring your website so that it has the ability to display information and let users see the output is key because it shows that would help create that user interaction with the website and overall experience of the user. You are demonstrating that you have the aptitude to express that you recognize JavaScript. This was a very fun yet simple lab. What is interesting is that I can place whatever inside the text boxes and when I click "Go", and then the pop-up box will display whatever I typed in. This is just the beginning of our JavaScript adventures, just wait for the exciting part.