A complete set of hands-on JavaScript task files organized chapter by chapter, covering everything from browser alerts to advanced ES6+ concepts.
| File | Chapters | Topic |
|---|---|---|
SmitTaskOfChapter1 |
Ch 1 | Alerts |
SmitTaskOfChapter2 |
Ch 2 | Variables for Strings |
SmitTaskOfChapter3 |
Ch 3 | Variables for Numbers |
SmitTaskOfChapter4 |
Ch 4 | Variable Names — Legal & Illegal |
SmitTaskOfChapter5-7 |
Ch 5–7 | Math Expressions |
SmitTaskOfChapter8-11 |
Ch 8–11 | Concatenating Strings, Prompts & IF Statements |
SmitTaskOfChapter12-13 |
Ch 12–13 | If & Else |
SmitTaskOfChapter14-17 |
Ch 14–17 | Arrays |
SmitTaskOfChapter18-20 |
Ch 18–20 | For Loops |
SmitTaskOfChapter21-25 |
Ch 21–25 | Functions |
SmitTaskOfChapter26-34 |
Ch 26–34 | Objects |
SmitTaskOfChapter39-42 |
Ch 39–42 | DOM & Events |
SmitTaskOfChapter43-48 |
Ch 43–48 | ES6+ Advanced JavaScript |
alert(),confirm(),prompt()- Basic browser dialog interactions
- Declaring string variables with
letandconst - String assignment and reassignment
- Integer and float variables
- Numeric operations
- Naming rules and conventions
- Reserved keywords to avoid
- camelCase best practices
- Arithmetic operators:
+,-,*,/,% - Operator precedence
- Using the
Mathobject
- String concatenation with
+ - Template literals with backticks
- Getting user input via
prompt() - Introduction to
ifstatements
if,else if,elseblocks- Comparison operators:
==,===,>,<,>=,<= - Logical operators:
&&,||,!
- Creating and accessing arrays
- Array methods:
push(),pop(),shift(),unshift() array.length- Looping through arrays
forloop syntax- Loop counters and conditions
- Iterating over arrays with loops
whileloops
- Defining and calling functions
- Parameters and arguments
- Return values
- Variable scope (local vs global)
- Creating objects with properties and methods
- Accessing properties with dot notation and bracket notation
- The
thiskeyword - Nested objects
- Selecting elements with
getElementById,querySelector - Modifying HTML content with
innerHTMLandtextContent - Event listeners:
addEventListener() - Handling
click,input,submitevents
- Arrow functions
() => {} - Destructuring arrays and objects
- Spread and rest operators
letandconstvsvar- Modules:
import/export - Template literals (advanced usage)
Ch1 (Alerts)
→ Ch2–4 (Variables & Naming)
→ Ch5–7 (Math)
→ Ch8–11 (Strings, Prompts, IF)
→ Ch12–13 (If/Else)
→ Ch14–17 (Arrays)
→ Ch18–20 (For Loops)
→ Ch21–25 (Functions)
→ Ch26–34 (Objects)
→ Ch39–42 (DOM & Events)
→ Ch43–48 (ES6+)
- Open the task file in VS Code
- Open the browser console (
F12→ Console tab) - Or create an
index.htmland link your.jsfile:
<!DOCTYPE html>
<html>
<head><title>JS Task</title></head>
<body>
<script src="SmitTaskOfChapter1.js"></script>
</body>
</html>- VS Code or any text editor
- A modern browser (Chrome / Edge / Firefox)
- Node.js (optional, for running JS outside the browser)
Smit — JavaScript Learning Journey
Tasks organized as part of structured JS coursework.