playlistduration

JavaScript DOM Tutorial

by Net Ninja · 18 videos

Total watch time

2h

at 1× speed · exactly 1 hour, 59 minutes, 32 seconds at 1×

1×1h 59m 32s
1.25×1h 35m 38s
1.5×1h 19m 41s
1.75×1h 8m 18s
2×59m 46s
Average video6m 38s
Longest11m 14s
Shortest4m 8s
Compare Open on YouTube JSON

Plan to finish

About 2 days at an hour a day

Pick a daily pace and the days you'll watch. Ticked videos are skipped.

Days

At one hour a day, every day, this playlist takes about 2 days. Turn on JavaScript to plan around your week.

Videos (18)

2h in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser.

Videos to
Watched
1 JavaScript DOM Tutorial #1 - Introduction 6:13 2017-08-15
2 JavaScript DOM Tutorial #2 - Get Element By ID 5:04 2017-08-15
3 JavaScript DOM Tutorial #3 - Get Elements By Class or Tag 9:24 2017-08-17
4 JavaScript DOM Tutorial #4 - The Query Selector 7:34 2017-08-17
5 JavaScript DOM Tutorial #5 - Changing Text & HTML Content 8:00 2017-08-20
6 JavaScript DOM Tutorial #6 - Nodes 6:25 2017-08-20
7 JavaScript DOM Tutorial #7 - Traversing the DOM (part 1) 4:08 2017-08-25
8 JavaScript DOM Tutorial #8 - Traversing the DOM (part 2) 4:54 2017-08-25
9 JavaScript DOM Tutorial #9 - Events 11:14 2017-08-28
10 JavaScript DOM Tutorial #10 - Event Bubbling 7:43 2017-08-28
11 JavaScript DOM Tutorial #11 - Interacting with Forms 5:43 2017-09-01
12 JavaScript DOM Tutorial #12 - Creating Elements 7:00 2017-09-01
13 JavaScript DOM Tutorial #13 - Styles & Classes 5:58 2017-09-04
14 JavaScript DOM Tutorial #14 -Attributes 4:12 2017-09-04
15 JavaScript DOM Tutorial #15 - Checkboxes & Change Events 4:25 2017-09-07
16 JavaScript DOM Tutorial #16 - Custom Search Filter 8:53 2017-09-07
17 JavaScript DOM Tutorial #17 - Tabbed Content 8:32 2017-09-11
18 JavaScript DOM Tutorial #18 - DOMContentLoaded Event 4:10 2017-09-11

Embed a badge

Show the watch time in a README or course description — it links back here and updates itself

Watch time: 2h · 18 videos

Markdown
[![Watch time: 2h · 18 videos](https://playlistduration.com/badge/playlist/PL4cUxeGkcC9gfoKa5la9dsdCNpuey2s-V.svg)](https://playlistduration.com/playlist/PL4cUxeGkcC9gfoKa5la9dsdCNpuey2s-V)
HTML
<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9gfoKa5la9dsdCNpuey2s-V"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9gfoKa5la9dsdCNpuey2s-V.svg" alt="Watch time: 2h · 18 videos" width="175" height="20"></a>

Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.

Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PL4cUxeGkcC9gfoKa5la9dsdCNpuey2s-V returns them as JSON — free, no key. API docs →

Data from the YouTube Data API as of 2026-09-22 (cached). Private or deleted videos are excluded from totals.