HTML, JavaScript, CSS, jQuery Code Snippets/ Examples

JavaScript (JS) Tutorial

1. An Introduction to JavaScript (Vanilla JS)
2. Java vs JavaScript | Differences and Popularities
3. JavaScript Syntax
4. Comments in JavaScript
5. Operators in JavaScript
6. Bitwise Operators in JavaScript
7. typeof Operator with Example in JavaScript
8. delete Operator with Example in JavaScript
9. Spread Operator in JavaScript
10. Rest Operator in JavaScript
11. Booleans in JavaScript
12. Basic Web Application Development using JavaScript
13. Where to place JavaScript Code?
14. Hoisting in JavaScript
15. How to write an HTML output in JavaScript?
16. How to write into an HTML element in JavaScript?
17. JavaScript Type Conversions
18. JavaScript Variables
19. const in JavaScript
20. Constants in JavaScript
21. 'this' keyword in JavaScript
22. Assign decimal, octal and hexadecimal values to the variables
23. Convert decimal to hexadecimal and vice versa
24. Convert decimal to octal and vice versa
25. If and Else statement in JavaScript (Vanilla)
26. break statement with example in JavaScript
27. continue statement with example in JavaScript
28. Playing with Number in JavaScript
29. Understanding Functions and Scopes in JavaScript
30. Coercion in JavaScript
31. Loops in JavaScript
32. Looping Examples/Programs
33. Example of jumping statement (break, continue)
34. maps and for...of loops in Javascript
35. Arrays in JavaScript
36. Objects in JavaScript
37. Search from Array of Objects | JavaScript
38. Arrow function in JavaScript
39. Try Catch to avoid program freeze in JavaScript
40. Understanding DOM with JavaScript
41. Interactive Webpages / Event Handling in JavaScript
42. Nested Event Handling in JavaScript (on mouse move event)
43. Event Listener in JavaScript with HTML
44. Web Application: A To-do List using JavaScript
45. Local Storage using JavaScript
46. Sorting Methods in JavaScript
47. JavaScript Math Object (Methods and Examples)
48. Forms in JavaScript (form validations)
49. Errors in JavaScript
50. Debug JavaScript Code
51. Regular Expressions in JavaScript

JavaScript properties

1. undefined property with Example in JavaScript
2. NaN property with example in JavaScript

JavaScript built-in functions

1. escape() function with example in JavaScript
2. unescape() function with example in JavaScript
3. fill() function with example in JavaScript
4. includes() function with example in JavaScript
5. encodeURI() and decodeURI() functions with example in JavaScript
6. encodeURIComponent() and decodeURIComponent() functions with examples in JavaScript
7. parseInt() function with example in JavaScript
8. isNaN() function with example in JavaScript
9. Number() function with example in JavaScript
10. String() function with example in JavaScript
11. eval() function with example in JavaScript

JavaScript String Methods

1. String toLowerCase() Method with Example in JavaScript
2. String toUpperCase() Method with Example in JavaScript
3. String startsWith() Method with Example in JavaScript
4. String endsWith() Method with Example in JavaScript
5. String charAt() Method with Example in JavaScript
6. String charCodeAt() Method with Example in JavaScript
7. String fromCharCode() Method with Example in JavaScript
8. String substr() Method with Example in JavaScript
9. String replace() Method with Example in JavaScript
10. String indexOf() Method with Example in JavaScript
11. String lastIndexOf() Method with Example in JavaScript
12. String search() Method with Example in JavaScript
13. String concat() Method with Example in JavaScript
14. Difference between indexOf() and search() methods in JavaScript

JavaScript Number Methods

1. Number MAX_VALUE Property with Example in JavaScript
2. Number MIN_VALUE Property with Example in JavaScript
3. Number isNaN() Method with Example in JavaScript
4. Number isFinite() Method with Example in JavaScript
5. Number isInteger() Method with Example in JavaScript
6. Number toString() Method with Example in JavaScript
7. Number toExponential() Method with Example in JavaScript
8. Number toFixed() Method with Example in JavaScript
9. Number toPrecision() Method with Example in JavaScript

JavaScript Array Methods

1. Array length property with example in JavaScript
2. Array constructor property with example in JavaScript
3. Array isArray() method with example in JavaScript
4. Array push() method with example in JavaScript
5. Array pop() method with example in JavaScript
6. Array shift() method with example in JavaScript
7. Array unshift() method with example in JavaScript
8. Array reverse() method with example in JavaScript
9. Array fill() method with example in JavaScript
10. Array concat() method with example in JavaScript
11. Array copyWithin() method with example in JavaScript
12. Array entries() method with example in JavaScript
13. Array every() method with example in JavaScript
14. Array some() method with example in JavaScript
15. Array filter() method with example in JavaScript
16. Array find() method with example in JavaScript
17. Array join() method with example in JavaScript
18. Array toString() method with example in JavaScript
19. Difference between join() and toString() Methods in JavaScript

JavaScript Date Methods

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

JavaScript HTML DOM

1. The HTML DOM Elements
2. The JavaScript DOM
3. JavaScript DOM CSS
4. The DOM Navigation
5. Event Listeners in DOM

Cascading styles sheet (CSS)

1. Colors in CSS
2. Height and Width in CSS
3. Padding in CSS
4. Text Formatting in CSS
5. Borders in CSS
6. Changing font in CSS
7. Margins in CSS
8. Outlining the content in CSS
9. Selectors in CSS
10. Styling Links in CSS
11. max-width property in CSS
12. Styling Lists in CSS
13. Pseudo Classes | CSS
14. How to change link color on hover in CSS?
15. Style alternate rows of a table with CSS
16. Change the perspective of an element in CSS
17. Use custom fonts to webpage with CSS
18. Flip an image element using CSS
19. How to set perfect image background with CSS?
20. Overlap one element over another with CSS
21. Change image shapes with CSS
22. Show captions on image hover using CSS
23. Creating Gradients with CSS3
24. Vertically center any element in CSS
25. Rotate fix an image on page with CSS
26. How to make background image fit on screen using CSS?
27. How to scale a picture size in CSS?
28. How to make a div centre align using CSS?
29. Center any element horizontally in CSS
30. Styling input placeholder with CSS
31. Make a drop-cap effect using CSS
32. Creating a loading animation with CSS
33. Custom Radio Button Styling with CSS
34. Basic Shapes in CSS
35. CSS - Apply Different Style (Color, Background Color) on Even and Odd Table Columns (td)
36. CSS - Apply Different Style (Color, Background Color) on Even and Odd Table Rows
37. CSS - Make Two DIVs Left and Right Aligned inside Main DIV
38. CSS - Make Inner DIV center inside Outer DIV
39. 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. Introduction to JQuery
2. jQuery - Disable (Read Only) All Input Field on Page Load using jQuery.
3. jQuery - Clear All Input:TextFields on Button Click using jQuery.
4. JavaScript - Print All Links (Hyperlinks) with HREF Attribute, Total Number of Links in a Page.
5. jQuery - Get and Format Current Date using jQuery.
6. jQuery - Disable Button After Click using jQuery.
7. jQuery - Show/Hide Div on Button Click using jQuery.

JSON

1. JSON - parse and stringify