When done, submit here.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Video
17
18
19
20
21
22
23
24
25
26
27
28
Facebook Like
Class Homepage Highlight
Reddit Highlight
29
30
31
32
Video
33
35
36
Video
37
38
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 59 of lab2
- If the text vanishes immediately after appearing, make sure you have included ALL of the javascript lines from slide 59.
39
Video
40
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>");
}
}41
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.
42
Code
$("#testjs").text("Please wait...");43
Code
$(".jumbotron p").addClass("active");44
Video
Code
.jumbotron p.active {
color: #1f6ddd;
}45
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
When done, submit here.