Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 24e204d

Browse files
Update follow along link highlighter project
1 parent 33a753c commit 24e204d

File tree

2 files changed

+81
-47
lines changed

2 files changed

+81
-47
lines changed

β€Ž22 - Follow Along Link Highlighter/index.html

Lines changed: 79 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4+
<!-- title -->
45
<title>Follow Along Nav</title>
56

67
<!-- required meta tags -->
@@ -28,70 +29,101 @@
2829
<body>
2930
<nav>
3031
<ul class="menu">
31-
<li class="menu-item"><a href="">Home</a></li>
32-
<li class="menu-item"><a href="">Order Status</a></li>
33-
<li class="menu-item"><a href="">Tweets</a></li>
34-
<li class="menu-item"><a href="">Read Our History</a></li>
35-
<li class="menu-item"><a href="">Contact Us</a></li>
32+
<li class="menu-item">
33+
<a href="javascript:void(0);">Home</a>
34+
</li>
35+
<li class="menu-item">
36+
<a href="javascript:void(0);">Order Status</a>
37+
</li>
38+
<li class="menu-item">
39+
<a href="javascript:void(0);">Tweets</a>
40+
</li>
41+
<li class="menu-item">
42+
<a href="javascript:void(0);">Read Our History</a>
43+
</li>
44+
<li class="menu-item">
45+
<a href="javascript:void(0);">Contact Us</a>
46+
</li>
3647
</ul>
3748
</nav>
3849

3950
<article>
4051
<p>
41-
Lorem ipsum dolor sit amet, <a href="">consectetur</a> adipisicing elit.
42-
Officiis corrupti <a href="">cumque</a> quidem harum,
43-
<a href="">pariatur</a> eum <a href="">placeat</a> debitis
44-
<a href="">cumque</a> consectetur unde doloribus praesentium eos
45-
<a href="">voluptates</a> illo optio suscipit facilis dolor? Deserunt,
46-
<a href="">cumque</a> nostrum.
52+
Lorem ipsum dolor sit amet,
53+
<a href="javascript:void(0);">consectetur</a> adipisicing elit. Officiis
54+
corrupti <a href="javascript:void(0);">cumque</a> quidem harum,
55+
<a href="javascript:void(0);">pariatur</a> eum
56+
<a href="javascript:void(0);">placeat</a> debitis
57+
<a href="javascript:void(0);">cumque</a> consectetur unde doloribus
58+
praesentium eos <a href="javascript:void(0);">voluptates</a> illo optio
59+
suscipit facilis dolor? Deserunt,
60+
<a href="javascript:void(0);">cumque</a> nostrum.
4761
</p>
4862
<p>
49-
Lorem ipsum dolor sit amet, <a href="">consectetur</a> adipisicing elit.
50-
Officiis corrupti <a href="">cumque</a> quidem harum,
51-
<a href="">pariatur</a> eum <a href="">placeat</a> debitis
52-
<a href="">cumque</a> consectetur unde doloribus praesentium eos
53-
<a href="">voluptates</a> illo optio suscipit facilis dolor? Deserunt,
54-
<a href="">cumque</a> nostrum.
63+
Lorem ipsum dolor sit amet,
64+
<a href="javascript:void(0);">consectetur</a> adipisicing elit. Officiis
65+
corrupti <a href="javascript:void(0);">cumque</a> quidem harum,
66+
<a href="javascript:void(0);">pariatur</a> eum
67+
<a href="javascript:void(0);">placeat</a> debitis
68+
<a href="javascript:void(0);">cumque</a> consectetur unde doloribus
69+
praesentium eos <a href="javascript:void(0);">voluptates</a> illo optio
70+
suscipit facilis dolor? Deserunt,
71+
<a href="javascript:void(0);">cumque</a> nostrum.
5572
</p>
5673
<p>
57-
Lorem ipsum dolor sit amet, <a href="">consectetur</a> adipisicing elit.
58-
Officiis corrupti <a href="">cumque</a> quidem harum,
59-
<a href="">pariatur</a> eum <a href="">placeat</a> debitis
60-
<a href="">cumque</a> consectetur unde doloribus praesentium eos
61-
<a href="">voluptates</a> illo optio suscipit facilis dolor? Deserunt,
62-
<a href="">cumque</a> nostrum.
74+
Lorem ipsum dolor sit amet,
75+
<a href="javascript:void(0);">consectetur</a> adipisicing elit. Officiis
76+
corrupti <a href="javascript:void(0);">cumque</a> quidem harum,
77+
<a href="javascript:void(0);">pariatur</a> eum
78+
<a href="javascript:void(0);">placeat</a> debitis
79+
<a href="javascript:void(0);">cumque</a> consectetur unde doloribus
80+
praesentium eos <a href="javascript:void(0);">voluptates</a> illo optio
81+
suscipit facilis dolor? Deserunt,
82+
<a href="javascript:void(0);">cumque</a> nostrum.
6383
</p>
6484
<p>
65-
Lorem ipsum dolor sit amet, <a href="">consectetur</a> adipisicing elit.
66-
Officiis corrupti <a href="">cumque</a> quidem harum,
67-
<a href="">pariatur</a> eum <a href="">placeat</a> debitis
68-
<a href="">cumque</a> consectetur unde doloribus praesentium eos
69-
<a href="">voluptates</a> illo optio suscipit facilis dolor? Deserunt,
70-
<a href="">cumque</a> nostrum.
85+
Lorem ipsum dolor sit amet,
86+
<a href="javascript:void(0);">consectetur</a> adipisicing elit. Officiis
87+
corrupti <a href="javascript:void(0);">cumque</a> quidem harum,
88+
<a href="javascript:void(0);">pariatur</a> eum
89+
<a href="javascript:void(0);">placeat</a> debitis
90+
<a href="javascript:void(0);">cumque</a> consectetur unde doloribus
91+
praesentium eos <a href="javascript:void(0);">voluptates</a> illo optio
92+
suscipit facilis dolor? Deserunt,
93+
<a href="javascript:void(0);">cumque</a> nostrum.
7194
</p>
7295
<p>
73-
Lorem ipsum dolor sit amet, <a href="">consectetur</a> adipisicing elit.
74-
Officiis corrupti <a href="">cumque</a> quidem harum,
75-
<a href="">pariatur</a> eum <a href="">placeat</a> debitis
76-
<a href="">cumque</a> consectetur unde doloribus praesentium eos
77-
<a href="">voluptates</a> illo optio suscipit facilis dolor? Deserunt,
78-
<a href="">cumque</a> nostrum.
96+
Lorem ipsum dolor sit amet,
97+
<a href="javascript:void(0);">consectetur</a> adipisicing elit. Officiis
98+
corrupti <a href="javascript:void(0);">cumque</a> quidem harum,
99+
<a href="javascript:void(0);">pariatur</a> eum
100+
<a href="javascript:void(0);">placeat</a> debitis
101+
<a href="javascript:void(0);">cumque</a> consectetur unde doloribus
102+
praesentium eos <a href="javascript:void(0);">voluptates</a> illo optio
103+
suscipit facilis dolor? Deserunt,
104+
<a href="javascript:void(0);">cumque</a> nostrum.
79105
</p>
80106
<p>
81-
Lorem ipsum dolor sit amet, <a href="">consectetur</a> adipisicing elit.
82-
Officiis corrupti <a href="">cumque</a> quidem harum,
83-
<a href="">pariatur</a> eum <a href="">placeat</a> debitis
84-
<a href="">cumque</a> consectetur unde doloribus praesentium eos
85-
<a href="">voluptates</a> illo optio suscipit facilis dolor? Deserunt,
86-
<a href="">cumque</a> nostrum.
107+
Lorem ipsum dolor sit amet,
108+
<a href="javascript:void(0);">consectetur</a> adipisicing elit. Officiis
109+
corrupti <a href="javascript:void(0);">cumque</a> quidem harum,
110+
<a href="javascript:void(0);">pariatur</a> eum
111+
<a href="javascript:void(0);">placeat</a> debitis
112+
<a href="javascript:void(0);">cumque</a> consectetur unde doloribus
113+
praesentium eos <a href="javascript:void(0);">voluptates</a> illo optio
114+
suscipit facilis dolor? Deserunt,
115+
<a href="javascript:void(0);">cumque</a> nostrum.
87116
</p>
88117
<p>
89-
Lorem ipsum dolor sit amet, <a href="">consectetur</a> adipisicing elit.
90-
Officiis corrupti <a href="">cumque</a> quidem harum,
91-
<a href="">pariatur</a> eum <a href="">placeat</a> debitis
92-
<a href="">cumque</a> consectetur unde doloribus praesentium eos
93-
<a href="">voluptates</a> illo optio suscipit facilis dolor? Deserunt,
94-
<a href="">cumque</a> nostrum.
118+
Lorem ipsum dolor sit amet,
119+
<a href="javascript:void(0);">consectetur</a> adipisicing elit. Officiis
120+
corrupti <a href="javascript:void(0);">cumque</a> quidem harum,
121+
<a href="javascript:void(0);">pariatur</a> eum
122+
<a href="javascript:void(0);">placeat</a> debitis
123+
<a href="javascript:void(0);">cumque</a> consectetur unde doloribus
124+
praesentium eos <a href="javascript:void(0);">voluptates</a> illo optio
125+
suscipit facilis dolor? Deserunt,
126+
<a href="javascript:void(0);">cumque</a> nostrum.
95127
</p>
96128
</article>
97129

β€Ž22 - Follow Along Link Highlighter/js/script.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
"use strict";
2+
13
const links = document.querySelectorAll("a");
24
const span = document.createElement("span");
35
span.classList = "highlight";

0 commit comments

Comments
(0)

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /