JavaScript Tutorials

The site is barely beginning, more js tutorials and examples for learning JavaScript might be added soon.

How to use php variable in external js file
- Javascript tutorial about using the value of a php variable into an external javascript file
Set custom message for required and field validation
- JavaScript tutorial about how to show custom message for required fields. How to emit the invalid event in JS
Get and Check variable type in JavaScript
- Function to Get and Check variable type in JavaScript, array, object, string, number, json
Add dynamically button to scroll to top of the page
- JavaScript script, add dynamically button to scroll to top of the page, js tutorial
Multiple Select Dropdown List with JavaScript
- Multiple Select Dropdown List with JavaScript, create double, and triple select option lists
Extract a number of characters and words from string
- Extract a specified number of characters, or words from string, remove HTML tags
Highlight selected, clicked word in page
- jQuery script to Highlight selected, double-clicked words in page, JavaScript tutorial
Dynamic variables in JavaScript
- How to create and use dynamic variables in JavaScript, with eval, and window
Using Variable and Function with Name from String in JavaScript
- Using Variable and calling Function, or object method, with Name from a String. JavaScript Tutorial
Add Pause in JavaScript script
- Add Pause in JavaScript script, how to delay the execution of a JS script
Validate radio and checkbox buttons
- How to check and validate radio, and checkbox buttons before Submit, using JavaScript
Add and Delete options in Select list using JavaScript
- Tutorial, add and delete options in a Select drop down list using JavaScript
Check and Validate characters in form fields
- How to check /validate on the client side, with JavaScript, the values added in text fields in a form
Display / Simulate a Loading Progress Bar
- JavaScript Tutorial to display and simulate loading progress bar
Get and change IFrame content through a JavaScript script created in another IFrame
- JavaScript Tutorial how to get and change IFrame content through another IFrame
Get and Modify content of an Iframe
- JavaScript tutorial, how to get and modify content of an Iframe, contentWindow
Make HTML elements the same height
- Make HTML elements the same height, align the heights of multiple tags
Check the file type before Upload
- A JavaScript script that checks the file type, file extension, before Upload
Rotate HTML objects, Div, Span, images with jQuery
- jQuery plugin to Rotate HTML objects, Div, Span, images, paragraph, by any angle, animate rotation effect
setTimeout and this with bind() method in JavaScript class
- How to use setTimeout() inside class, refering to special keyword this with bind() method
setTimeout and setInterval in JavaScript
- Working with setTimeout() and setInterval(), JavaScript time-intervals functions
this and target in JavaScript Events
- Tutorial about the this and target special words in JavaScript Events
defineProperty and defineProperties
- Using defineProperty and defineProperties methods of the JavaScript Object
Get CSS property value with getComputedStyle ot jQuery
- Get CSS property value with JavaScript, using getComputedStyle, getPropertyValue, currentStyle or with jQuery css() function
Drag and Drop with HTML5 attributes
- Drag and Drop effects with new HTML5 drag-and-drop attributes: draggable, ondragstart, ondragover, and ondrop
insertAdjacentHTML - Insert content at a specified position
- Using insertAdjacentHTML, Insert content at a specified position in DOM tree, JavaScript function
innerHTML and outerHTML to Get and Replace HTML content
- JavaScript tutorial: innerHTML and outerHTML to Get and Replace HTML content in web page
Download JavaScript resources
- Free Download JavaScript resources, pdf ebooks, video tutorials and courses for learning JavaScript

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Which attribute is used in <a> tag for the address of the link?

src href rel

<a href="http://coursesweb.net/" title="CoursesWeb.net">CoursesWeb.net</a>

Which CSS property sets the type of the text font?

font-family text-decoration font-size

h2 {
  font-family:"Calibri",sans-serif;
}

What instruction selects all the <div> tags with class="cls"?

querySelector("div.cls") getElementsByTagName("div") querySelectorAll("div.cls")

var elm_list = document.querySelectorAll("div.cls");
var nr_elms = elm_list.length;       // number of selected items
alert(nr_elms);

Indicate the function that can be used to get the sum of values in an array.

array_sum() array_diff() array_shift()

$arr =[1, 2, 3, 4);
$arr_sum = array_sum($arr);
echo $arr_sum;       // 10

JavaScript Tutorials

Javascript Course

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Last accessed pages

Popular pages this month