When done, submit here.
1
2
Student examples
- Check out these awesome examples from your peers!
3
4
5
6
7
8
9
10
11
12
Video
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Facebook Like
Class Homepage Highlight
Reddit Highlight
29
30
31
32
33
Video
34
36
37
Video
38
39
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.
40
Video
41
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>");
}
}42
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.
43
Code
$("#testjs").text("Please wait...");44
Code
$(".jumbotron p").addClass("active");45
46
Video
Code
.jumbotron p.active {
color: #1f6ddd;
}47
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
When done, submit here.