Skip to content

Commit 93b7c17

Browse files
herminiotorresherminiotorres
committed
Iniciando o dia 25
1 parent 754d967 commit 93b7c17

File tree

3 files changed

+91
-0
lines changed

3 files changed

+91
-0
lines changed

‎25-EventCapturePropagationBubblingandOnce/finish.html‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Understanding JavaScript's Capture</title>
6+
</head>
7+
<body class="bod">
8+
9+
<div class="one">
10+
<div class="two">
11+
<div class="three">
12+
</div>
13+
</div>
14+
</div>
15+
16+
<style>
17+
html {
18+
box-sizing: border-box;
19+
}
20+
*, *:before, *:after { box-sizing: inherit; }
21+
22+
div {
23+
width:100%;
24+
padding:100px;
25+
}
26+
27+
.one {
28+
background: thistle;
29+
}
30+
31+
.two {
32+
background:mistyrose;
33+
}
34+
35+
.three {
36+
background:coral;
37+
}
38+
</style>
39+
40+
<button></button>
41+
<script>
42+
43+
</script>
44+
</body>
45+
</html>

‎25-EventCapturePropagationBubblingandOnce/start.html‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Understanding JavaScript's Capture</title>
6+
</head>
7+
<body class="bod">
8+
9+
<div class="one">
10+
<div class="two">
11+
<div class="three">
12+
</div>
13+
</div>
14+
</div>
15+
16+
<style>
17+
html {
18+
box-sizing: border-box;
19+
}
20+
*, *:before, *:after { box-sizing: inherit; }
21+
22+
div {
23+
width:100%;
24+
padding:100px;
25+
}
26+
27+
.one {
28+
background: thistle;
29+
}
30+
31+
.two {
32+
background:mistyrose;
33+
}
34+
35+
.three {
36+
background:coral;
37+
}
38+
</style>
39+
40+
<button></button>
41+
<script>
42+
43+
</script>
44+
</body>
45+
</html>

‎README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,3 +44,4 @@ $ npm start
4444
* [22-FollowAlongLinkHighlighter](https://herminiotorres.github.io/JavaScript30/22-FollowAlongLinkHighlighter/finish.html)
4545
* [23-SpeechSynthesis](https://herminiotorres.github.io/JavaScript30/23-SpeechSynthesis/finish.html)
4646
* [24-StickyNav](https://herminiotorres.github.io/JavaScript30/24-StickyNav/finish.html)
47+
* [25-EventCapturePropagationBubblingandOnce](https://herminiotorres.github.io/JavaScript30/25-EventCapturePropagationBubblingandOnce/finish.html)

0 commit comments

Comments
 (0)