HTML, JavaScript, CSS, jQuery Code Snippets/ Examples

1. If and Else statement in JavaScript (Vanilla)

JavaScript (JS)

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

Cascading styles sheet (CSS)

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