When done, submit here.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Video
16
17
18
19
20
21
22
23
24
25
26
27
Facebook Like
Class Homepage Highlight
Reddit Highlight
28
29
30
31
Video
32
34
35
Video
36
37
Code
...
var containingProject = $(this).closest(".project");
containingProject.append("<div class='project-description'><p>Description of the project.</p></div>");
}Hints
- No idea how to define 'projectClick' function? Check slide 40 of lab2
- If the text vanishes immediately after appearing, make sure you have e.preventDefault(); in your projectClick function. See lab 3 slide 7 for reference.
38
Video
39
Code
...
var containingProject = $(this).closest(".project");
var description = $(containingProject).find(".project-description");
if (description.length == 0) {
$(containingProject).append("<div class='project-description'><p>Description of the project.</p></div>");
} else {
description.html("<p>Stop clicking on me! You just did it at " + (new Date()) + "</p>");
}
}40
Troubleshoot
Wait, what am I doing on this slide?
The big blue button that says "Test Javascript". See it? When you click it, it's text should change to something else.
What should I change the text to?
Experience Chan! It's not a lot of questions.
Too many questions is the Chan disease.
The best way is just to observe the noise of the world.
The answer to your questions?
Ask your own heart.
41
Code
$("#testjs").text("Please wait...");42
Code
$(".jumbotron p").addClass("active");43
Video
Code
.jumbotron p.active {
color: #1f6ddd;
}44
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
When done, submit here.