HTML, JavaScript, CSS, jQuery Code Snippets/ Examples

JavaScript (JS) Tutorial

1. An Introduction to JavaScript (Vanilla JS)
2. Basic Web Application Development using JavaScript
3. If and Else statement in JavaScript (Vanilla)
4. Playing with Number in JavaScript
5. Understanding Functions and Scopes in JavaScript
6. Coercion in JavaScript
7. Loops in JavaScript
8. Looping Examples/Programs
9. Example of jumping statement (break, continue)
10. maps and for...of loops in Javascript
11. Arrays in JavaScript
12. Objects in JavaScript
13. Search from Array of Objects | JavaScript
14. Arrow function in JavaScript
15. Try Catch to avoid program freeze in JavaScript
16. Understanding DOM with JavaScript
17. Interactive Webpages / Event Handling in JavaScript
18. Nested Event Handling in JavaScript (on mouse move event)
19. Event Listener in JavaScript with HTML
20. Web Application: A To-do List using JavaScript
21. Local Storage using JavaScript
22. Sorting Methods in JavaScript

JavaScript (JS) Codes/Examples

1. Input value from the user using prompt
2. Example of if with else
3. Example of if else if
4. Example of Nested if
5. Example of Ternary Operator
6. Image Recognition Game using JavaScript
7. Code to input age and check person is eligible for voting or not
8. Function with default value
9. Function call example with given number of arguments and less arguments
10. Demonstrate the example of call by value in function
11. Some of the examples of user-defined functions
12. Common properties and methods of Array
13. Code to declare an array and assign the elements using array indexing
14. Code to declare an array and print using for each loop
15. Code to declare an array and print using for loop
16. Password strength checker in JavaScript. - June 15, 2018
17. Print characters of a string in multiples of N in JavaScript. - June 10, 2018
18. How to break in nested loops in JavaScript? - June 03, 2018
19. Understanding callbacks in JavaScript. - June 01, 2018
20. How to create accordions with JavaScript? - May 30, 2018
21. JavaScript code to check number is Perfect or not. - March 28, 2018
22. JavaScript code to check number is Armstrong or not. - March 28, 2018
23. JavaScript code to check whether a Number is Prime or Not. - March 25, 2018
24. JavaScript code to find largest of three numbers. - March 25, 2018
25. Check number is palindrome or not in JavaScript. - March 24, 2018
26. Form validation using JavaScript. - March 18, 2018
27. JavaScript code to design calculator. - March 18, 2018
28. Disable right click on webpage with JavaScript. - November 12, 2017
29. How to make the font bold using JavaScript? - November 07, 2017
30. Return multiple elements from function in JavaScript. - November 07, 2017
31. How to get URL parameters using JavaScript? - November 05, 2017
32. How to copy text to clipboard with JavaScript? - November 05, 2017
33. How to get days of current month in JavaScript? - November 05, 2017
34. Get browser details through JavaScript. - November 03, 2017
35. Calculate the average of arguments in JavaScript. - November 03, 2017
36. Ways to access object property in JavaScript. - November 02, 2017
37. Count occurrence of a particular character in a string in JavaScript. - November 02, 2017
38. Creating a property on prototype in JavaScript. - November 01, 2017
39. Create a student object and print the details in JavaScript. - November 01, 2017
40. Create a forward and back buttons in JavaScript. - October 31, 2017
41. Different ways to create an Object in JavaScript. - October 31, 2017
42. How to allow only alphabets in input field in JavaScript? - October 29, 2017
43. Get the size of a file with JavaScript. - October 29, 2017
44. How to get the decimal part of a floating number in JavaScript? - October 28, 2017
45. Get current date, month and year in JavaScript. - October 28, 2017
46. How to parse number from string in JavaScript? - October 27, 2017
47. How to find absolute value of a number in JavaScript? - October 27, 2017
48. Create functions with default arguments in JavaScript. - October 26, 2017
49. How to return object from function in JavaScript? - October 24, 2017
50. Get index of an element in JavaScript. - October 22, 2017
51. Print a fibonacci series in JavaScript. - October 22, 2017
52. Find the larger of two numbers in JavaScript. - October 22, 2017
53. Convert a number into different base in JavaScript. - October 21, 2017
54. Find substring within a string in JavaScript. - October 21, 2017
55. Count the number of arguments passed to function in JavaScript. - October 19, 2017
56. Ways to create Date object in JavaScript. - October 19, 2017
57. Check if number is a valid number in JavaScript. - October 19, 2017
58. Determine the largest element in the array in JavaScript. - October 19, 2017
59. Addition of two numbers using JavaScript. - October 18, 2017
60. Create a user defined array in JavaScript. - October 17, 2017
61. Concatenation operator in JavaScript. - October 17, 2017
62. New variable declaration keywords in JavaScript. - October 17, 2017
63. Dynamically add CSS class with JavaScript. - October 16, 2017
64. Reverse an array in JavaScript. - October 16, 2017
65. Access global variables inside function in JavaScript. - October 16, 2017
66. How to fill dropdowns using JavaScript? - October 16, 2017
67. Create a string parser with symbols for actions in JavaScript. - October 15, 2017
68. Join elements of an array in JavaScript. - October 15, 2017
69. JavaScript multiply every array element with a constant. - October 15, 2017
70. JavaScript check if an array element is empty. - October 15, 2017
71. Different ways to display output in JavaScript. - October 13, 2017
72. Check if an element is present in an Array in JavaScript? - October 12, 2017
73. How to change the font-size with JavaScript? - October 06, 2017
74. JavaScript Reverse print an array. - October 05, 2017
75. Template literals in JavaScript. - October 05, 2017
76. How to get the extension of a file using JavaScript? - October 03, 2017
77. The JavaScript forEach method in detail. - October 03, 2017
78. Generate random number within a range in JavaScript. - October 02, 2017
79. JavaScript program to create an object from a function. - June 19, 2017
80. JavaScript program to split the keywords in the string. - June 14, 2017
81. JavaScript program to check if the variable is a valid string variable. - June 14, 2017
82. JavaScript Program to print sum of range with steps. - June 06, 2017
83. JavaScript Program to create a power function and print the result. - May 28, 2017
84. JavaScript to detect whether page is load on Mobile or Desktop. - May 26, 2017
85. JavaScript - Select/Unselect (Check/Uncheck) all CheckBoxes on Button Click.
86. JavaScript - Allow only numbers in TextBox (Restrict Alphabets and Special Characters).
87. JavaScript - Redirect to another URL on Button Click.
88. JavaScript - Display Input Text into Lowercase.
89. JavaScript - Display Input Text into Uppercase.
90. JavaScript - Display current Date and Time.
91. Check selected Radio Button value using JavaScript.
92. JavaScript function to add two integer numbers.
93. Show/Hide Div on Button Click using JavaScript.
94. Display different Alert Message on different Button Click Event using JavaScript.
95. Display Alert Message on Button Click Event using JavaScript.
96. JavaScript - Select/Unselect (Check/Uncheck) all CheckBoxes on Button Click.
97. JavaScript - Print value of all checked (selected) CheckBoxes on Button click.
98. JavaScript - Print Selected Item from SelectBox.
99. JavaScript - Add user entered item into ListBox.
100. JavaScript - Required Field Validator for TextBox on Submit.
101. JavaScript - Move Object with Arrow Keys using JavaScript Function.
102. JavaScript - Set Focus on Particular Field in a Form using JavaScript Function.
103. JavaScript - Set Customize Text in Browser Status Bar using JavaScript Function.
104. JavaScript - Detect and Display Screen Resolution using JavaScript Function.
105. JavaScript - Function to Refresh Page on Button Click.
106. JavaScript - Disable Button after Click using JavaScript Function.
107. JavaScript - Disable Button after Click using JavaScript Function.
108. JavaScript - Close Current Tab on Button Click with Confirmation.
109. JavaScript - Show/Hide Paragraph Text inside Div on Button Click.

Cascading styles sheet (CSS)

1. Pseudo Classes | CSS - November 07, 2018
2. How to change link color on hover in CSS? - November 08, 2017
3. Style alternate rows of a table with CSS. - October 31, 2017
4. Change the perspective of an element in CSS. - October 27, 2017
5. Use custom fonts to webpage with CSS. - October 27, 2017
6. Flip an image element using CSS. - October 24, 2017
7. How to set perfect image background with CSS? - October 22, 2017
8. Overlap one element over another with CSS. - October 22, 2017
9. Change image shapes with CSS. - October 21, 2017
10. Show captions on image hover using CSS. - October 16, 2017
11. Creating Gradients with CSS3. - October 16, 2017
12. Vertically center any element in CSS. - October 14, 2017
13. Rotate fix an image on page with CSS. - October 13, 2017
14. How to make background image fit on screen using CSS? - October 13, 2017
15. How to scale a picture size in CSS? - October 12, 2017
16. How to make a div centre align using CSS? - October 12, 2017
17. Center any element horizontally in CSS. - October 11, 2017
18. Styling input placeholder with CSS. - October 09, 2017
19. Make a drop-cap effect using CSS. - July 17, 2017
20. Creating a loading animation with CSS. - July 11, 2017
21. Custom Radio Button Styling with CSS. - June 24, 2017
22. Basic Shapes in CSS.
- May 28, 2017
23. CSS - Apply Different Style (Color, Background Color) on Even and Odd Table Columns (td).
24. CSS - Apply Different Style (Color, Background Color) on Even and Odd Table Rows.
25. CSS - Make Two DIVs Left and Right Aligned inside Main DIV.
26. CSS - Make Inner DIV center inside Outer DIV.
27. CSS - Create and Apply CSS for All Buttons on the Page.

HTML

1. How to make link for downloading files in HTML? - November 09, 2017
2. How to make a header with logo and search bar using html and CSS? - October 19, 2017
3. How to change the color of a hyperlink text using CSS in HTML? - October 07, 2017
4. How to change button color in HTML? - October 07, 2017
5. How to change the font size of a particular paragraph using CSS class and id in HTML? - October 04, 2017
6. What is the difference between 'ID' and 'CLASS' attribute in HTML? - September 13, 2017
7. What is responsive Web Design aka RWD?
- July 18, 2017
8. HTML - Display Tooltip over a Button, Image, Link etc.

jQuery

1. jQuery - Disable (Read Only) All Input Field on Page Load using jQuery.
2. jQuery - Clear All Input:TextFields on Button Click using jQuery.
3. JavaScript - Print All Links (Hyperlinks) with HREF Attribute, Total Number of Links in a Page.
4. jQuery - Get and Format Current Date using jQuery.
5. jQuery - Disable Button After Click using jQuery.
6. jQuery - Show/Hide Div on Button Click using jQuery.

JSON

1. JSON - parse and stringify