Based on w3schools
JS HOME
JS Introduction
JS Where To
JS Output
JS Syntax
JS Statements
| =========================================================== | |
| Find the below paths:- | |
| /administrator/language/en-GB/en-GB.plg_user_profile.ini | |
| /plugins/user/profile/profile.xml | |
| /plugins/user/profile/profiles/profile.xml | |
| =========================================================== |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Declaring Variables</title> | |
| </head> | |
| <body> | |
| <script> | |
| var myGlobalVariableOne = "My Global Variable One"; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Hiding global Variables with local variables of the same name</title> | |
| </head> | |
| <body> | |
| <script> | |
| var myVar = "Global Variable"; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Scope Chain</title> | |
| </head> | |
| <p> | |
| <ul> | |
| <li>When you have nested functions you can create a scope 'Chain'</li> | |
| <li>The browser travels up this chain when looking for a variables value</li> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Scope Chain</title> | |
| </head> | |
| <p> | |
| <ul> | |
| <li>When you have nested functions you can create a scope 'Chain'</li> | |
| <li>The browser travels up this chain when looking for a variables value</li> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>addEventListener() in JavaScript</title> | |
| </head> | |
| <body> | |
| <p id="demo"></p> | |
| <script> | |
| document.addEventListener("click", function() { | |
| document.getElementById('demo').innerHTML = "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. "; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Clouser in the real world example</title> | |
| <style type="text/css"> | |
| .track:hover { | |
| cursor: pointer; | |
| text - decoration: underline; | |
| } |
Based on w3schools
JS HOME
JS Introduction
JS Where To
JS Output
JS Syntax
JS Statements
Based on w3schools
JS Data Types
JS Functions
JS Objects
JS Scope
JS Events
JS Strings
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>jQuery Test page</title> | |
| <script type="text/javascript" src="libs/jQuery/jquery-2.1.0.js"></script> | |
| <script> | |
| if (typeof jQuery != 'undefined') { | |
| console.log(jQuery.fn.jquery); | |
| } |