From 08bee13f85068663ec211e31e2d1b613491fde13 Mon Sep 17 00:00:00 2001 From: joanhdez89 Date: Wed, 21 Jun 2017 20:07:31 -0400 Subject: [PATCH 01/17] created by Joan --- Week-01/Joan Hernandez.txt | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 Week-01/Joan Hernandez.txt diff --git a/Week-01/Joan Hernandez.txt b/Week-01/Joan Hernandez.txt new file mode 100644 index 0000000..e69de29 From c183017b9542401dc88e0e1e29ab69619c73441d Mon Sep 17 00:00:00 2001 From: Joan Hernandez Date: Thu, 22 Jun 2017 22:53:31 -0400 Subject: [PATCH 02/17] initial commit --- Week-01/homework.txt | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 Week-01/homework.txt diff --git a/Week-01/homework.txt b/Week-01/homework.txt new file mode 100644 index 0000000..e69de29 From 070f87670ae731ecdfe0af53ab70233b891cc4c1 Mon Sep 17 00:00:00 2001 From: Joan Hernandez Date: Thu, 22 Jun 2017 22:53:31 -0400 Subject: [PATCH 03/17] initial commit --- Week-01/guessing-game.js | 22 +++++++++++----------- Week-01/homework.txt | 1 + 2 files changed, 12 insertions(+), 11 deletions(-) create mode 100644 Week-01/homework.txt diff --git a/Week-01/guessing-game.js b/Week-01/guessing-game.js index 53f2184..d6792df 100644 --- a/Week-01/guessing-game.js +++ b/Week-01/guessing-game.js @@ -6,19 +6,19 @@ var x = 5; // Q: In the code above, what is the value of `x`? -// A: +// A: 5 var myVariable = 23; // Q: In the code above, what is the value of `myVariable`? -// A: +// A: 23 var a = 23; var b = 45; var d = 99; // Q: In the code above, what is the value of `c`? -// A: +// A: the variable c is not define var foo = 1; var bar = 2; @@ -26,13 +26,13 @@ var baz = 3; var qux = 4; // Q: In the code above, what is the name of the variable that has the value 3? -// A: +// A: baz var thud = 5; thud = 1; // Q: In the code above, what is the value of `thud`? -// A: +// A: 5 var brenton = -100; brenton = 5.5; @@ -42,19 +42,19 @@ dinosaur = 8; dinosaur = 999999; // Q: In the code above, what is the value of `dinosaur`? -// A: +// A: -200 // Q: In the code above, all of the variables above are "number" type. What do you think are the possible values of the number type? -// A: +// A: any kind of values var x = 1; var y = x; // Q: In the code above, what is the value of `x`? -// A: +// A: 1 // Q: What is the value of `y`? -// A: +// A: 1 // Q: Are `x` and `y` the same, or are they different? -// A: +// A: they are the same var one = 1; var two = 2; @@ -63,4 +63,4 @@ var five = 5; var six = 6; // Q: What is the value of `four`? -// A: \ No newline at end of file +// A: the variable four is not define diff --git a/Week-01/homework.txt b/Week-01/homework.txt new file mode 100644 index 0000000..c741a7f --- /dev/null +++ b/Week-01/homework.txt @@ -0,0 +1 @@ +typingSpeed: 37 wpm \ No newline at end of file From 3a578e39abe26e03ef41115fb3bb87ceccf88816 Mon Sep 17 00:00:00 2001 From: Joan Hernandez Date: Fri, 23 Jun 2017 00:15:03 -0400 Subject: [PATCH 04/17] My developer story --- Week-01/mystory.txt | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 Week-01/mystory.txt diff --git a/Week-01/mystory.txt b/Week-01/mystory.txt new file mode 100644 index 0000000..961ef96 --- /dev/null +++ b/Week-01/mystory.txt @@ -0,0 +1,33 @@ +When I was in high school, around 2001, the teacher of computer science told me and a few +students that we wanted to build a website for the school. Over that time, in Cuba, we didn't +have to many computers and that was a hole new world for us. The students selected, including me, +were very excited about that. + +We where delighted of what we were capable to do with only writing a few words in a text document +saved with a different extension. Over time the teacher showed us new things that we could do, +such as: marquee, change the color on the text, background, among others. This is what made me get +into the world of computers. + +After that I went to a technician school in computer science and started studying computer science +as a professional career. All was not so easy of course, my first milestone was with a subject +called Programming II, we studied Delphi at that time. It was really hard for me to passed that +subject. I really don't know if it was the teacher or if it was me, but I barely understood +something. + +When I graduated, I started working as a technician trainee. One year later, I started my Bachelors +Degree in Computer Science at nights while I was working. When I started the coding classes, I met +a professor, that 6 years later, he became in my theses mentor. Nowadays I owe him all coding I know, +and thanks to him a became in a Computer Science Engineer. + +But becoming a Computer Science Engineer was not so easy as I told you before. There were a lot of +milestones too. The first one, was with a subject called: "Data Structured", were we learned how +to code in C++: "lists, trees and graphs". I suspended that subject once, and I had to sing up +for it again. Also I had others milestones, but were with different subjects; such as: physics, +among others. + +When you think that your are done, that your are not going to have any more troubles in your life, +there always is something else. My biggest and final milestone in my career was my thesis. After +6 years of hard studying, without no strength to keep fighting I had to complete a final project +for my graduation. Those 6 months were really stressful for me, running against the time and perfection. + +And this is my developer story. From c97ae83b8ed3531d4690420d7af38864098f6fe3 Mon Sep 17 00:00:00 2001 From: Joan Hernandez Date: Fri, 23 Jun 2017 00:16:09 -0400 Subject: [PATCH 05/17] initial commit --- Week-01/homework.txt | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/Week-01/homework.txt b/Week-01/homework.txt index c741a7f..783eb49 100644 --- a/Week-01/homework.txt +++ b/Week-01/homework.txt @@ -1 +1,3 @@ -typingSpeed: 37 wpm \ No newline at end of file +typingSpeed: 37 wpm +brainLoadLevel: 6 +brainLoadURL: https://brentonstrine.github.io/brainload/?hash=96d6Jc6 From e3df96bf7238b7096fada7e19d37c8311c918632 Mon Sep 17 00:00:00 2001 From: Joan Hernandez Date: Sun, 25 Jun 2017 19:26:57 -0400 Subject: [PATCH 06/17] second round of the game!!! --- Week-01/homework.txt | 2 ++ 1 file changed, 2 insertions(+) diff --git a/Week-01/homework.txt b/Week-01/homework.txt index 783eb49..eb9ca89 100644 --- a/Week-01/homework.txt +++ b/Week-01/homework.txt @@ -1,3 +1,5 @@ typingSpeed: 37 wpm brainLoadLevel: 6 brainLoadURL: https://brentonstrine.github.io/brainload/?hash=96d6Jc6 +brainLoadLevel: 8 +brainLoadURL: http://brainload.brentonstrine.com/?hash=WIN8WIN From b37b4dcc0ae4a01db60cdd1828389bd8595dc92f Mon Sep 17 00:00:00 2001 From: Joan Hernandez Date: Wed, 28 Jun 2017 18:48:54 -0400 Subject: [PATCH 07/17] updated homework --- Week-01/{homework.txt => Joan-homework.txt} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename Week-01/{homework.txt => Joan-homework.txt} (100%) diff --git a/Week-01/homework.txt b/Week-01/Joan-homework.txt similarity index 100% rename from Week-01/homework.txt rename to Week-01/Joan-homework.txt From e38e2f8d3648392103c5821cd51846e26d6e2306 Mon Sep 17 00:00:00 2001 From: Joan Hernandez Date: Wed, 28 Jun 2017 19:02:24 -0400 Subject: [PATCH 08/17] Homework week 2 --- Week-02/Joan-homework.txt | 1 + 1 file changed, 1 insertion(+) create mode 100644 Week-02/Joan-homework.txt diff --git a/Week-02/Joan-homework.txt b/Week-02/Joan-homework.txt new file mode 100644 index 0000000..91fc5df --- /dev/null +++ b/Week-02/Joan-homework.txt @@ -0,0 +1 @@ +Homework for week 2 From 631b7671ff686d1a079e0436e91c0956ad199a2d Mon Sep 17 00:00:00 2001 From: Joan Hernandez Date: Wed, 5 Jul 2017 19:15:05 -0400 Subject: [PATCH 09/17] other --- Week-03/css1.html | 23 +++++++++++++++++++++++ Week-03/css2.html | 36 +++++++++++++++++++++++++++++++++++ Week-03/css3.html | 48 +++++++++++++++++++++++++++++++++++++++++++++++ Week-03/css4.html | 42 +++++++++++++++++++++++++++++++++++++++++ 4 files changed, 149 insertions(+) create mode 100644 Week-03/css1.html create mode 100644 Week-03/css2.html create mode 100644 Week-03/css3.html create mode 100644 Week-03/css4.html diff --git a/Week-03/css1.html b/Week-03/css1.html new file mode 100644 index 0000000..6b14db9 --- /dev/null +++ b/Week-03/css1.html @@ -0,0 +1,23 @@ + + +

Learning about CSS

+

This is an HTML document, see it ends with .html and everything. So it must be an HTML document. Right?

+

But if HTML only conveys the meaning and purpose of the content, and not the style, then why does this webpage have style?

+

For example:

+
    +
  • This list has bullets.
    • +
  • This link is a different color.
    • +
  • The emphasized text, strong text, and key terms on this page are italicized and boldened.
    • +
  • The heading on this page is bold, larger, and even has some margins around it!
    • +
+

I thought all of that stuff was reserved for CSS! Is it possible that there is some default CSS provided by the browser? Time to right-click and inspect!

+ \ No newline at end of file diff --git a/Week-03/css2.html b/Week-03/css2.html new file mode 100644 index 0000000..fbc125d --- /dev/null +++ b/Week-03/css2.html @@ -0,0 +1,36 @@ + + + + + +
+
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b
+
+
+

As you can see above, all of the div elements are styled to be gray blocks. Since div is a block-level element, it always shows up on it's own line.

+

The challenge: Use the display property to change this, so that the blocks don't take up their own line anymore, but all line up in a single line, a.k.a. "inline".

+
+ + \ No newline at end of file diff --git a/Week-03/css3.html b/Week-03/css3.html new file mode 100644 index 0000000..f91a837 --- /dev/null +++ b/Week-03/css3.html @@ -0,0 +1,48 @@ + + + + + +
+
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b
+
+
+

When we changed the blocks from display: block; to display: inline; we lost the ability to specify width and height since inline elements can't have set width or height. We want to be able to treat these as block-level elements but we also want them to be inline. The solution is a hybrid display value called inline-block.

+

The challenge: Change the display value of the blocks so that they line up in a line, but also keep their set width and height. +

+ +
+

We want our blocks to line up in a square so that there are five rows with five blocks each row. Right now they wrap to the width of the page. We can shink the width of their container, .blocks-container so that they wrap at the right place to form the grid we want. Our blocks are 40px wide with 1px borders. What width will we need to set the container to so that the blocks will wrap correctly?

+

The challenge: Set the width value of .blocks-container so that the blocks form a square grid. You will need to add a new selector!

+
+ +
+

Advanced

+

What if we want the letter in each block to be centered? There is a CSS property text-align that can be used to center it horizontally, but there isn't a simple way to align it vertically. One way to align things vertically is to set the line-height to the height of the container and then use vertical-align to center it vertically.

+

The challenge: Align the letter in each block to the center.

+
+ + \ No newline at end of file diff --git a/Week-03/css4.html b/Week-03/css4.html new file mode 100644 index 0000000..8298653 --- /dev/null +++ b/Week-03/css4.html @@ -0,0 +1,42 @@ + + + + + +
+
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b
+
+
+

Let's draw a smiley face.

+

The challenge: Add a class to the necessary div elements that will turn the background color black. Add this to the elements necessary such that you draw two eyes and a smile.

+

Advanced challenge: Make all of the other blocks have a yellow background. There is an efficient way to do this, and an ineffecient way. What is the efficient way?

+

Advanced challenge: The letter b is still in the way and messing up our drawing. Can we use CSS to change the color of it so that it isn't visible anymore?

+
+ + \ No newline at end of file From 50247e2fa42ea39278bf57b56af87c046269fc7b Mon Sep 17 00:00:00 2001 From: Joan Hernandez Date: Mon, 10 Jul 2017 23:35:16 -0400 Subject: [PATCH 10/17] homework week-03 --- Week-01/Joan Hernandez.txt | 0 Week-01/Joan-homework.txt | 5 ++++ Week-01/mystory.txt | 33 +++++++++++++++++++++++++++ Week-02/Joan-homework.txt | 1 + Week-02/awesome.html | 6 +++-- Week-02/{webpage.txt => webpage.html} | 0 Week-03/css1.html | 10 ++------ Week-03/css2.html | 1 + Week-03/css3.html | 10 +++++++- Week-03/css4.html | 15 ++++++------ 10 files changed, 63 insertions(+), 18 deletions(-) create mode 100644 Week-01/Joan Hernandez.txt create mode 100644 Week-01/Joan-homework.txt create mode 100644 Week-01/mystory.txt create mode 100644 Week-02/Joan-homework.txt rename Week-02/{webpage.txt => webpage.html} (100%) diff --git a/Week-01/Joan Hernandez.txt b/Week-01/Joan Hernandez.txt new file mode 100644 index 0000000..e69de29 diff --git a/Week-01/Joan-homework.txt b/Week-01/Joan-homework.txt new file mode 100644 index 0000000..eb9ca89 --- /dev/null +++ b/Week-01/Joan-homework.txt @@ -0,0 +1,5 @@ +typingSpeed: 37 wpm +brainLoadLevel: 6 +brainLoadURL: https://brentonstrine.github.io/brainload/?hash=96d6Jc6 +brainLoadLevel: 8 +brainLoadURL: http://brainload.brentonstrine.com/?hash=WIN8WIN diff --git a/Week-01/mystory.txt b/Week-01/mystory.txt new file mode 100644 index 0000000..961ef96 --- /dev/null +++ b/Week-01/mystory.txt @@ -0,0 +1,33 @@ +When I was in high school, around 2001, the teacher of computer science told me and a few +students that we wanted to build a website for the school. Over that time, in Cuba, we didn't +have to many computers and that was a hole new world for us. The students selected, including me, +were very excited about that. + +We where delighted of what we were capable to do with only writing a few words in a text document +saved with a different extension. Over time the teacher showed us new things that we could do, +such as: marquee, change the color on the text, background, among others. This is what made me get +into the world of computers. + +After that I went to a technician school in computer science and started studying computer science +as a professional career. All was not so easy of course, my first milestone was with a subject +called Programming II, we studied Delphi at that time. It was really hard for me to passed that +subject. I really don't know if it was the teacher or if it was me, but I barely understood +something. + +When I graduated, I started working as a technician trainee. One year later, I started my Bachelors +Degree in Computer Science at nights while I was working. When I started the coding classes, I met +a professor, that 6 years later, he became in my theses mentor. Nowadays I owe him all coding I know, +and thanks to him a became in a Computer Science Engineer. + +But becoming a Computer Science Engineer was not so easy as I told you before. There were a lot of +milestones too. The first one, was with a subject called: "Data Structured", were we learned how +to code in C++: "lists, trees and graphs". I suspended that subject once, and I had to sing up +for it again. Also I had others milestones, but were with different subjects; such as: physics, +among others. + +When you think that your are done, that your are not going to have any more troubles in your life, +there always is something else. My biggest and final milestone in my career was my thesis. After +6 years of hard studying, without no strength to keep fighting I had to complete a final project +for my graduation. Those 6 months were really stressful for me, running against the time and perfection. + +And this is my developer story. diff --git a/Week-02/Joan-homework.txt b/Week-02/Joan-homework.txt new file mode 100644 index 0000000..91fc5df --- /dev/null +++ b/Week-02/Joan-homework.txt @@ -0,0 +1 @@ +Homework for week 2 diff --git a/Week-02/awesome.html b/Week-02/awesome.html index 0c65a0e..7611316 100644 --- a/Week-02/awesome.html +++ b/Week-02/awesome.html @@ -1,3 +1,4 @@ +
                _____
               /_____\
          ____[\'---'/]____
@@ -16,6 +17,7 @@
            |___|   |___|
            /   \   /   \
           |_____| |_____|
-           
+           HHHHH   HHHHH
 
-             
+              AWESOME
+
diff --git a/Week-02/webpage.txt b/Week-02/webpage.html similarity index 100% rename from Week-02/webpage.txt rename to Week-02/webpage.html diff --git a/Week-03/css1.html b/Week-03/css1.html index f0a4461..7634969 100644 --- a/Week-03/css1.html +++ b/Week-03/css1.html @@ -1,12 +1,6 @@

Learning about CSS

diff --git a/Week-03/css2.html b/Week-03/css2.html index caae42e..0f9ac26 100644 --- a/Week-03/css2.html +++ b/Week-03/css2.html @@ -3,6 +3,7 @@ diff --git a/Week-03/css4.html b/Week-03/css4.html index 11cf275..cd1ec0d 100644 --- a/Week-03/css4.html +++ b/Week-03/css4.html @@ -13,11 +13,12 @@ display: inline-block; } /* a yellow block */ -.yellow { +#yellow { background-color: yellow; + color: yellow; } /* a black block */ -.black { +#black { background-color: black; } @@ -29,11 +30,11 @@
-
b
b
b
b
b
-
b
b
b
b
b
-
b
b
b
b
b
-
b
b
b
b
b
-
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b

Let's draw a smiley face.

From 270d8f467d2c0292394ef0a64bb09cef4c0ce90d Mon Sep 17 00:00:00 2001 From: Joan Hernandez Date: Mon, 10 Jul 2017 23:38:01 -0400 Subject: [PATCH 11/17] css2 --- Week-03/css2.html | 1 + 1 file changed, 1 insertion(+) diff --git a/Week-03/css2.html b/Week-03/css2.html index fbc125d..284cc8e 100644 --- a/Week-03/css2.html +++ b/Week-03/css2.html @@ -9,6 +9,7 @@ border-width: 1px; border-color: gray; border-style: dashed; + display: inline-block; } /* a yellow block */ .yellow { From c5028b8b2567bd6750e7252d82266e1ad4c2892b Mon Sep 17 00:00:00 2001 From: Joan Hernandez Date: Mon, 10 Jul 2017 23:40:57 -0400 Subject: [PATCH 12/17] css3 --- Week-03/css3.html | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/Week-03/css3.html b/Week-03/css3.html index f91a837..f143eb1 100644 --- a/Week-03/css3.html +++ b/Week-03/css3.html @@ -9,7 +9,10 @@ border-width: 1px; border-color: gray; border-style: dashed; - display: inline; + display: inline-block; + text-align: center; + line-height: 40px; + vertical-align: center; } /* a yellow block */ .yellow { @@ -19,6 +22,11 @@ .black { background-color: black; } + +.blocks-container{ + width: 210px; +} + From 4d7e325f9270f26e0004d55043ecf0263cb762ff Mon Sep 17 00:00:00 2001 From: Joan Hernandez Date: Mon, 10 Jul 2017 23:46:56 -0400 Subject: [PATCH 13/17] css4 I think this what the homework was, right? Make a smily face? --- Week-03/css4.html | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/Week-03/css4.html b/Week-03/css4.html index 8298653..b1df565 100644 --- a/Week-03/css4.html +++ b/Week-03/css4.html @@ -12,11 +12,12 @@ display: inline-block; } /* a yellow block */ -.yellow { +#yellow { background-color: yellow; + color: yellow; } /* a black block */ -.black { +#black { background-color: black; } .blocks-container { @@ -26,11 +27,11 @@
-
b
b
b
b
b
-
b
b
b
b
b
-
b
b
b
b
b
-
b
b
b
b
b
-
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b
+
b
b
b
b
b

Let's draw a smiley face.

From 6da70d05006c37e4616259ffc4b78a9040b815d9 Mon Sep 17 00:00:00 2001 From: Joan Hernandez Date: Sun, 30 Jul 2017 16:52:26 -0400 Subject: [PATCH 14/17] week 4 homework --- Week-04/javascript1.js | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/Week-04/javascript1.js b/Week-04/javascript1.js index 9f89074..d38eb89 100644 --- a/Week-04/javascript1.js +++ b/Week-04/javascript1.js @@ -5,19 +5,19 @@ var ten = 10; var pickle = 3; // Q: What is the value of the variable `pickle`? -// A: +// A: 3 var twiceTen = ten + ten; // Q: What is the value of `twiceTen`? -// A: +// A: 20 var twiceTwo = pickle + pickle; // Q: What is the value of `twicePickle`? -// A: +// A: twicePickle is not define var fiveTimesTen = ten * 5; // Q: What is the value of `fiveTimesTen`? -// A: +// A: 50 var big = 100; var small = 2; @@ -25,7 +25,7 @@ var small = 2; var divide = big / small; // Q: What is the value of `divide`? -// A: +// A: 50 // EXERCISES: @@ -37,7 +37,7 @@ var small = 2; // In the area below, write a variable named `sum` that adds the big number to the small number // You will see the word `undefined`, which you need to replace with the correct expression. -var sum = undefined; +var sum = big + small; // Top 5 Tallest Buildings and how many floors they have @@ -49,11 +49,11 @@ var lotte = 123; // Create a variable that calculates the total number of floors of each building. // The total is calculated by adding all five values together -var totalFloors = undefined; +var totalFloors = burjKhalifa + shanghaiTower + abrajAlBait + pingAn + lotte; // Create a variable that calculates the average number of floors. // The average is calculated by dividing the total by the number of items (in our case, five) -var average = undefined; +var average = (burjKhalifa + shanghaiTower + abrajAlBait + pingAn + lotte) / 5; // Objects var brenton = { @@ -63,10 +63,10 @@ var brenton = { }; // Q: How would you programmatically retreive the value of `brenton`'s `height`? -// A: +// A: brenton.height // Q: How would you get the value of the property `eyeColor` in the object `brenton`? -// A: +// A: brenton.eyeColor var america = { @@ -85,4 +85,4 @@ var america = { }; // Q: How would you get the value of Clarkston's population? -// A: \ No newline at end of file +// A: america.georgia.clarkston.population From ab326e0694b2547ae78c9be5277fe3d928e74ecc Mon Sep 17 00:00:00 2001 From: Joan Hernandez Date: Sun, 30 Jul 2017 16:54:56 -0400 Subject: [PATCH 15/17] week 4 homework --- Week-04/Joan-homework.txt | 0 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 Week-04/Joan-homework.txt diff --git a/Week-04/Joan-homework.txt b/Week-04/Joan-homework.txt new file mode 100644 index 0000000..e69de29 From fdaf1c6486846038d38fdab047ea4a741dfc4330 Mon Sep 17 00:00:00 2001 From: Joan Hernandez Date: Sun, 30 Jul 2017 17:17:56 -0400 Subject: [PATCH 16/17] this task took me more than 5 mins --- Week-04/Joan-homework.txt | 5 +++++ Week-04/javascript2.html | 13 ++++++++++--- 2 files changed, 15 insertions(+), 3 deletions(-) diff --git a/Week-04/Joan-homework.txt b/Week-04/Joan-homework.txt index e69de29..92de659 100644 --- a/Week-04/Joan-homework.txt +++ b/Week-04/Joan-homework.txt @@ -0,0 +1,5 @@ +This line: var fancyBlock = document.querySelector(".fancy"); gets the first element with class "fancy". + +This line: fancyBlock.addEventListener("click", function() is waiting for the block being cliked. + +This line: this.classList.add("yellow"); add the class "yellow" to the block. \ No newline at end of file diff --git a/Week-04/javascript2.html b/Week-04/javascript2.html index bebdc3c..602bf9e 100644 --- a/Week-04/javascript2.html +++ b/Week-04/javascript2.html @@ -16,6 +16,10 @@ .yellow { background-color: yellow; } +/* a red block */ +.red { + background-color: red; +} /* a black block */ .black { background-color: black; @@ -29,7 +33,7 @@
-
a
b
c
d
e
+
a
b
c
d
e
a
b
c
d
e
a
b
c
d
e
a
b
c
d
e
@@ -38,12 +42,15 @@ - \ No newline at end of file + From a362ef07b9cf11c85821fd280dd1b9e84765e391 Mon Sep 17 00:00:00 2001 From: Joan Hernandez Date: Sun, 30 Jul 2017 19:52:23 -0400 Subject: [PATCH 17/17] week 5 homework --- Week-05/Joan-homework.txt | 0 Week-05/javascript3.html | 16 ++++++++++------ 2 files changed, 10 insertions(+), 6 deletions(-) create mode 100644 Week-05/Joan-homework.txt diff --git a/Week-05/Joan-homework.txt b/Week-05/Joan-homework.txt new file mode 100644 index 0000000..e69de29 diff --git a/Week-05/javascript3.html b/Week-05/javascript3.html index f80813a..ec03d51 100644 --- a/Week-05/javascript3.html +++ b/Week-05/javascript3.html @@ -31,17 +31,20 @@
+
+

Homework

@@ -84,4 +88,4 @@

Homework

- \ No newline at end of file +