[Javascript/Jquery/CSS] - A->Z

document.getElementById("<id>").innerHTML = "Hello JavaScript";

document.getElementById("<id>").style.<attribute> = "<value>";

function myFunction() {
 // return with object
 return object;
}
function myFunction() {
  // void function
}
function function1 (parameter1, parameter2, parameter3) {
    // code to be executed
}

 document.write(<value>);

// we console useful for debug a script.
console.log(message);

//alert show message to user but sometime we can use debug script.alert(message);

var person = {
    firstName: "John",
    lastName : "Doe",
    id       : 5566,
    fullName : function() {
         return this.firstName + " " + this.lastName;
  }

};

//access object 
person.firstName or person["firstName"];

var str = "acb def abc";
str.length; // length no of String, value = 7
// returns the index of (the position of) the first occurrence of a specified textstr.indexOf("def"); //value = 4

//returns the index of the last occurrence of a specified textstr.lastIndexOf("abc"); // value = 8

// method searches a string for a specified value and returns the position of the match
str.search("def"); // value = 4

//extracts a part of a string and returns the extracted part in a new string.
str.slice(start_index, end_index);str.slice(7, 9); //value = abstr.slice(-9, -7); //value = ef

// extracts a part of a string and returns the extracted part in a new 
(NOT ACCEPTED negetive index)str.substring(start_index, end_index);Ex: str.substring(7, 9); //value = ab

// same slice but different second parameter is lengh of substring.str.substr(start, length);
Ex: str.substr(7, 2); //value = ab
str.replace(old string, new string); // Replace first search string
str.replaceAll(old string, new string); // Replacea all search string

str.toUpperCase();
str.toLowerCase(); 
str.concat("string1","string2");

isNaN(x); // check is number or not.

//returns a string, with the number written with a specified number of decimals
var x = 1.876;
x.toFixed(0);           // returns 2
x.toFixed(2);           // returns 1.88

//returns a string, with a number written with a specified length.
x.toPrecision();        // returns 1.876
x.toPrecision(2);       // returns 1.88
x.toPrecision(4);       // returns 1.876
x.toPrecision(6);       // returns 1.87600 

Number()  // Returns a number, converted from its argument.
parseFloat()  // Parses its argument and returns a floating point number
parseInt()  // Parses its argument and returns an integer

var array= ["a", "b", 10];
var temp;
//accessarray[index];

//add element to arrayarray.push("Lemon");
for (i = 0; i < length of array; i++) {

}
//for each 1
array.forEach(myFunction);
function myFunction(value) {...} 
//for each 2
array.forEach({
   $(this) // element
});

//push()
var temp = ["a", "b"];
array.push(temp);

<div id="tabDiv">
	<ul>
		<li><a href="#suspensionTab"><sm:msg code="Suspension_Activation_Replacement"/></a></li>
		<li><a href="#terminationTab"><sm:msg code='Termination_Record_Master'/></a></li>
	</ul>

	<div id="suspensionTab">
	<div id="terminationTab">
</div> 

$('#tabDiv').click('tabsselect', function (event, ui) {
    var activeTab = $('#tabDiv').tabs('option', 'active');
});

class Form{
  set foo(val){
    console.log("setting foo")
    this.fooValue = val;
  }
  
  get foo(){
     console.log("getting foo");
     return this.fooValue;
  }
}

let frm = new Form();
frm.foo = "bar";
console.log(frm.foo);

var form = {
  a: "aValue",
  b: "bValue"
}

function withGetterSetter(obj){
   var keys = Object.keys(obj);
   var result = {};
   
   for(var i=0;i<keys.length;i++){
       var key = keys[i];
       result[key+"_internal"] = obj[key];
       (function(k){
         Object.defineProperty(result,k, {
          get:function() {
            console.log("getting property:",k);
            return this[k + "_internal"];
          }, 
          set: function(x) { 
            console.log("setting property:",k);
            this[k + "_internal"] = x 
          }
         });
       })(key)
   }
   return result;
}

var setterObj = withGetterSetter(form);
console.log(setterObj.a);
setterObj.a = "updated";
console.log(setterObj.a);

const adventurer = {
  name: 'Alice',
  cat: {
    name: 'Dinah',
  },
};

const dogName = adventurer.dog?.name;
console.log(dogName);
// Expected output: undefined

console.log(adventurer.someNonExistentMethod?.());
// Expected output: undefined

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.includes("Mango"); // return true if existed