BasicSyntax
Basic Syntax Examples
Selectors
This example demonstrates how to write a jQuery selector that usess a dependent class. This selector picks up a particular p that has a class associated with it.. When you press the button below it calls showSelector().
{#bar}
Show Selectors
Debug Tricks. Alert vs #Debug
JavaScript comes with a handy alert function that pops up a dialog. This first button shown calls the JavaScript alert utility. It is convenient to use alert, but often one wants to send back complex, length messages that don’t fit in a dialog, or else one simply wants to avoid having to click on a dialog each time a message appears. The second button shows one simple solution.
Show Alert
Show Debug
Show Types
Show Types
Show Two kinds of Properties are the same
Click the button to see that myObject.myProperty and myObject[‘myPropery’] are two ways of saying the same thing.
Test Properties
View JavaScript
Call Test01
Call SayHello
Use Prototype to Extend the String Class
Call Elvenware.testDecoration()
Call Show Properties
One of the properties shown here is defined with a prototype.
call elvenware.showProperties()
Object Create
Create Object
The properties we create can be configurable, writable, or enumerable. Push the button to see the values for myProperty in the following object:
var myObject = { myProperty: 12 };
Get Descriptor
You can discover the properties of an object by two means.
- Object.keys(myObject);
- Or you can enumerate over the properties in an object.
Here is an example:
function getMyKeys()
{
keys = Object.keys(myObject);
for (var i = 0; i < keys.length; i++)
$('#myObjectKeys').append(keys[i] + '<br>');
for (var x in myObject)
$('#myObjectKeys').append(x + ' = ' + myObject[x] + '<br>');
}
Press the button below to execute this code.
Get Keys
Fancy Styles in a Form
Call Elvenware.useWrite()
இ ௫ ௐ
Õ » இ ✚ ✛ ✜ ✝
⧦ ⧨ ⧪ ⧬ ⧮ ⧳ ⧼
✥ ✪ ❉ ❆ ⧮ ♞ ♛
Randomize Array
Call elvenware.randomArray()