Project 4 was based on Identity and our goal was to create a web page that will discuss about how identity is important. For example, I discussed what is identity, why identity is important, and how it's important. I also discussed about my identity and how it's affected by how I go on with my life. This project was relatively easy the only difficult part was trying to get the layout correct. It's actually easy once you get the one page done you could do the rest. I found my buttons at a source, w3schools.com. I copied the code of the HTML and CSS and changed it so it could match my site. I have learned many new things, such as having a layout that is visually appealing.
Digital Design 2016-2017 By:Ayoub Janah
Monday, June 12, 2017
Friday, June 9, 2017
Lab 17: JS Conditional Statement
This lab was difficult to create as I found many difficulties to find how to function this lab. As we were supposed to create JS conditional statements; conditional statements are tags if, else, else if, or switch. As I created a button which had x=x+y, this button will add the two values. Then a pop up will appear asking if you if want to add these two values together. If you press confirm they will add these values if you press cancel. An error will occur, if you chose to add these values the value of the two inputs will be replace with the x value. This will then perform a loop if you keep on adding these values.
| <script> | |
| function AdditionBy() { | |
| var x = document.getElementById("a").value; | |
| var y = document.getElementById("b").value; | |
| var r = confirm("Would you like to replace the X value with the following answer?"); | |
| if (r == true) { | |
| txt = document.getElementById("demo").innerHTML = Number(x) + Number(y); | |
| document.getElementById("a").value = txt; | |
| } else { | |
| txt = document.getElementById("demo").innerHTML = Number(x) + Number(y); | |
| } | |
| document.getElementById("demo").innerHTML = txt; | |
| } | |
| </script> This is JavaScript Code That I Used |
Lab 16: Comparison Operators
This lab was fairly easy as I understood how to create a calculator that will function differently from my other labs. This lab had an input value x and an output value y. I had buttons that had functions, such as x==y, x>y, x<y, x>=y, and x<=y. These functions were greater than, less than, greater or equal, less or equal, and compare. Compare was a function to compare both values to see if they are equal. I used JavaScript in this lab which was needed to get these values to work. Probably the only difficult about this lab was to find the tags to make this work.
This code below was used to get the first button to work;
| //Comparison | |
| function comp() | |
| { | |
| var x = document.getElementById("firstNum").value; | |
| var y = document.getElementById("secondNum").value; | |
| document.getElementById("demo").innerHTML = (x==y); | |
| } To sum up this lab was fairly easy and I will use this knowledge for future labs and projects. |
Lab 15 Assignment Operators
This Lab was difficult as I had to make a calculator that would have an input and an output value. The task of this lab was to create a calculator that have an initial input value such as 10 and you will put in a value for the output. I put buttons that were x=y, x=x+y, x=x-y, x=x*y, and x=x/y. Each equation will have a different value. For example, x=y will switch the value of x to y. The other equations will add, subtract, multiply, and divide. But this will be a loop as the output value could be added, multiplied, and divided after it's been put in an equation. This lab was difficult at first but became much easier when I solved one button.
Friday, March 17, 2017
Facebook Hackathon
The Facebook hackathon was a very fun and interesting hackathon. As we learned many new aspects of Web Design/Coding. To start off with getting there was quite easy as finding the location was quite difficult. Once I arrived I was greeted and I signed my name to be registered into this hackathon. I did make a few friends while I was waiting since I got there an hour early. I got a shirt that they gave and soon saw friends from my school entering the building. As I , Leslie, and Veronica made a group to work together. We had mentors but my mentor wasn't that helpful. As I didn't know much about him and wasn't that social. So I decided to divide the jobs within the group. Our task was to create an application that would be designed on a smart phone. the task was to identify and solve a real world problem. Fairly easy as we decided to do Animal cruelty. As we split the work and I decided to do the wire-frames, logo, color schemes. Usually the designing and visual presentation. Leslie and Veronica did the writing part of it. But I did one of the pages using Html,CSS, and JavaScript. This was a difficult task and asked for help from my peers. It became easier as I got the hang of it.I then finished my work early and decided to work on the AP
Thursday, March 16, 2017
Lab 14
Our task for Lab 14 was to create a calculator using an X- and Y value. We then had to add tags that will make a few buttons that were needed. For example the addition, Subtraction, Division, and Multiplication button. This was needed to calculate the two values of x and y. Once done I tested it in a browser to make sure. It worked and was very amazing how coding functions. I found it interesting to see how you could input two values to get an output. Lab 14 was fairly easy and interesting to understand how to do it. I learned most of it from w3schools and my peers guided me through it. I will say that this task will help me in the future if I'm doing JavaScript variables. Lastly, Lab 14 was fairly easy and interesting to learn more about these variables and to see what they do.
Sunday, March 12, 2017
Lab 13
Lab 13 is was a very simple task but their were some issues that occurred along the way. As I tried starting this lab I felt good about it. I felt as if I will finish on time and it will be an easy task. But this wasn't the case since I tried the tags that my instructor gave me but they wouldn't work. I spent roughly more than a period trying to find out where is my problem at. I asked assistance from my peers and compared my tags to theirs. That's when I noticed I didn't capitalize the word. At that moment I knew that I should check my work grammatically. The problem is that JavaScript is so sensitive that if you capitalize or misspell a word the whole page doesn't work. It was difficult since most of this was just because of capitalization. Our task was basically just to create a pop up window when we write our name. Easy task but was difficult if you misspelled a word grammatically.
Subscribe to:
Comments (Atom)




