JavaScript Programs

HTML, CSS and JavaScript Practical Programs

Home

1. JavaScript Fundamentals

  1. Hello World
  2. Arithmetic Operations
  3. Largest of Three Numbers
  4. Even or Odd
  5. Positive, Negative or Zero
  6. Factorial of a Number
  7. Fibonacci Series
  8. Prime Number
  9. Palindrome Number
  10. Reverse a Number
  11. Sum of Digits
  12. Largest and Smallest in Array
  13. Sort an Array
  14. Sum and Average of Array
  15. JavaScript Functions
  16. Arrow Functions
  17. Strings and String Methods
  18. Arrays and Array Methods
  19. Objects in JavaScript
  20. Date and Math Objects

2. DOM & Event-Based Programs

  1. Change Text using JavaScript
  2. Change Background Color
  3. Button Click Event
  4. Show and Hide Element
  5. Change Image on Button Click
  6. Digital Clock
  7. Simple Calculator
  8. Number Guessing Game
  9. Form Validation
  10. Validate Name, Email, Phone and Password
  11. To-Do List
  12. Quiz Application
  13. Counter Application
  14. Stopwatch
  15. Countdown Timer

3. Advanced JavaScript

  1. ES6 let, const, Template Literals and Destructuring
  2. Spread and Rest Operators
  3. Classes and Objects
  4. Inheritance
  5. Callbacks, Promises and Async/Await
  6. Fetch API
  7. Display API Data Dynamically
  8. localStorage
  9. Responsive Login Form
  10. Interactive Webpage
  11. Swap Two Numbers
  12. GCD
  13. LCM
  14. Armstrong Number
  15. Perfect Number
  16. Multiplication Table
  17. Power of a Number
  18. Count Digits
  19. Second Largest Element
  20. Remove Duplicate Elements
  21. Merge Two Arrays
  22. Frequency of Array Elements
  23. Common Elements in Arrays
  24. Reverse a String
  25. String Palindrome
  26. Count Vowels and Consonants
  27. Count Words in String
  28. Character Frequency
  29. Regular Expressions
  30. Email Validation using Regex

4. DOM Manipulation

  1. Add Elements Dynamically
  2. Remove Elements Dynamically
  3. Change CSS Styles
  4. Change Multiple Elements
  5. getElementById and getElementsByClassName
  6. querySelector and querySelectorAll
  7. Create and Remove CSS Classes
  8. Dynamic Table
  9. Add and Delete Table Rows
  10. Search and Filter Table
  11. Live Character Counter
  12. Show and Hide Password
  13. Dynamic Dropdown
  14. Country-State-City Dropdown
  15. Image Slideshow

5. JavaScript Events

  1. Mouse Events
  2. Keyboard Events
  3. Form Events
  4. Double Click Event
  5. Event Bubbling and Capturing
  6. Event Delegation
  7. Keyboard Controlled Game
  8. Drag and Drop

6. Forms & Validation

  1. Student Registration Validation
  2. Login Form Validation
  3. Name Validation
  4. Age Validation
  5. Mobile Number Validation
  6. Email Validation
  7. Password Validation

7. Browser Objects & Features

  1. Window Object
  2. Alert, Confirm and Prompt
  3. setTimeout
  4. setInterval
  5. Digital Clock
  6. Countdown Timer
  7. Stopwatch
  8. Location Object
  9. Browser History
  10. Navigator Object

8. Web Storage

  1. Store Username using localStorage
  2. Retrieve localStorage Data
  3. Update localStorage Data
  4. Delete localStorage Item
  5. Clear localStorage
  6. Store Multiple Values
  7. Store Array using JSON
  8. Store Object using JSON
  9. Student Record System
  10. To-Do List using localStorage

9. Mini Projects

  1. Digital Calculator
  2. Digital Clock
  3. Stopwatch
  4. Countdown Timer
  5. To-Do List Application
  6. Weather Application
  7. Quiz Application
  8. Number Guessing Game
  9. Tic-Tac-Toe Game
  10. Expense Tracker
  11. Student Marks Calculator
  12. Shopping Cart
  13. Notes Application
  14. Random Password Generator
  15. BMI Calculator
  16. Currency Converter
  17. Interactive Portfolio Website

10. Additional JavaScript Programs

  1. JavaScript Program 133 - Name Validation
  2. JavaScript Program 134 - Age Validation
  3. JavaScript Program 135 - Mobile Number Validation
  4. JavaScript Program 136 - Email Validation
  5. JavaScript Program 137 - Password Validation
  6. JavaScript Program 138 - Strong Password Validation
  7. JavaScript Program 139 - Confirm Password Validation
  8. JavaScript Program 140 - Date of Birth Validation
  9. JavaScript Program 141 - Radio Button Validation
  10. JavaScript Program 143 - Checkbox Validation
  11. JavaScript Program 144 - Dropdown Validation
  12. JavaScript Program 145 - Textarea Validation
  13. JavaScript Program 146 - Required Fields Validation
  14. JavaScript Program 147 - Display Errors Beside Fields
  15. JavaScript Program 148 - Success Message
  16. JavaScript Program 149 - Prevent Form Submission
  17. JavaScript Program 150 - Regular Expression Form Validation
  18. JavaScript Program 151 - Email Regex Validation
  19. JavaScript Program 152 - Phone Regex Validation
  20. JavaScript Program 153 - Password Regex Validation
  21. JavaScript Program 154 - Real-Time Validation
  22. JavaScript Program 155 - Input Change Focus Blur Validation
  23. JavaScript Program 156 - Password Strength Meter
  24. JavaScript Program 157 - Show Hide Password
  25. JavaScript Program 158 - Registration Password Confirmation
  26. JavaScript Program 159 - College Admission Form
  27. JavaScript Program 160 - Job Application Validation
  28. JavaScript Program 161 - Feedback Form
  29. JavaScript Program 162 - Contact Form
  30. JavaScript Program 163 - Multi-Step Registration
  31. JavaScript Program 164 - Preview Before Submission
  32. JavaScript Program 165 - Calculate Age
  33. JavaScript Program 166 - Marks Calculator
  34. JavaScript Program 167 - Employee Salary Calculator
  35. JavaScript Program 168 - Shopping Order Total
  36. JavaScript Program 169 - Dynamic Form Fields
  37. JavaScript Program 170 - Form Validation
  38. JavaScript Program 171 - Window Object
  39. JavaScript Program 172 - Alert Confirm Prompt
  40. JavaScript Program 173 - setTimeout
  41. JavaScript Program 174 - setInterval
  42. JavaScript Program 175 - Digital Clock
  43. JavaScript Program 176 - Countdown Timer
  44. JavaScript Program 177 - Stopwatch
  45. JavaScript Program 178 - Location Object
  46. JavaScript Program 179 - Redirect
  47. JavaScript Program 180 - Current URL
  48. JavaScript Program 181 - History Object
  49. JavaScript Program 182 - Navigator Object
  50. JavaScript Program 183 - Screen Width and Height
  51. JavaScript Program 184 - Online Offline Detection
  52. JavaScript Program 185 - Browser Language
  53. JavaScript Program 186 - Geolocation
  54. JavaScript Program 187 - Current Coordinates
  55. JavaScript Program 188 - Online Offline Information
  56. JavaScript Program 189 - localStorage
  57. JavaScript Program 190 - Retrieve localStorage
  58. JavaScript Program 191 - Update localStorage
  59. JavaScript Program 192 - Delete localStorage
  60. JavaScript Program 193 - Clear localStorage
  61. JavaScript Program 194 - Multiple localStorage Values
  62. JavaScript Program 195 - Array in localStorage
  63. JavaScript Program 196 - Object in localStorage
  64. JavaScript Program 197 - Student Record
  65. JavaScript Program 198 - Todo List localStorage
  66. JavaScript Program 199 - Notes App
  67. JavaScript Program 200 - Shopping Cart
  68. JavaScript Program 201 - Login Preference
  69. JavaScript Program 202 - Dark Light Theme
  70. JavaScript Program 203 - Preferred Font Size
  71. JavaScript Program 204 - Recently Viewed Items
  72. JavaScript Program 205 - Visitor Counter
  73. JavaScript Program 206 - localStorage vs sessionStorage
  74. JavaScript Program 207 - Temporary Form
  75. JavaScript Program 208 - Multi-Page Form
  76. JavaScript Program 209 - Auto Save Form
  77. JavaScript Program 210 - Restore Form Data
  78. JavaScript Program 211 - Persistent Shopping Cart
  79. JavaScript Program 212 - Student Marks Database
  80. JavaScript Program 213 - CRUD using localStorage
  81. JavaScript Program 214 - Node.js Hello World
  82. JavaScript Program 215 - Node.js Modules
  83. JavaScript Program 216 - Node.js File System
  84. JavaScript Program 217 - Node.js Read File
  85. JavaScript Program 218 - Node.js Write File
  86. JavaScript Program 219 - Node.js Append File
  87. JavaScript Program 220 - Node.js Delete File
  88. JavaScript Program 221 - Node.js Create Directory
  89. JavaScript Program 222 - Node.js Read Directory
  90. JavaScript Program 223 - Node.js Remove Directory
  91. JavaScript Program 224 - Node.js Path Module
  92. JavaScript Program 225 - Node.js OS Module
  93. JavaScript Program 226 - Node.js HTTP Module
  94. JavaScript Program 227 - Node.js HTML Response
  95. JavaScript Program 228 - Node.js URL Handling
  96. JavaScript Program 229 - Node.js Query String
  97. JavaScript Program 230 - Node.js Events
  98. JavaScript Program 231 - EventEmitter Parameters
  99. JavaScript Program 232 - Node.js Custom Modules
  100. Node.js npm Packages
  101. Node.js Callbacks, Promises and Async Await
  102. Node.js Error Handling
  103. JavaScript Program 236 - GET Request Demo
  104. Express GET and POST Requests
  105. Express Static Files
  106. Express HTML and JSON Responses
  107. Express Modular Project Structure
  108. Basic Routing using Express
  109. Route and Query Parameters
  110. Multiple Routes using Express Router
  111. 404 Not Found Route
  112. Modular Student Routes
  113. Custom Middleware
  114. Logging Middleware
  115. Request Validation Middleware
  116. Authentication Middleware
  117. Error Handling Middleware