Javascript Objects and Prototypes Demo

Javascript Objects and Prototypes Demo

by Abid Shaik

HTML

<!-- Javascript Objects and Prototypes Demo -->
<input id="InptPwd" type="password" />
<div id="outputTime">

</div>
<div id="opsT">

</div>

<div id="op">

</div>

JavaScript

/*Javascript Reference Doc 
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference 
*/
var text = "Window Left Top : " + window.screenLeft + ', ' + window.screenTop + ", ";

var pwdInpt = document.getElementById("InptPwd"); 

function PwdKeyUp(e){
console.log(e.key); 
}
pwdInpt.addEventListener("keyup", PwdKeyUp, false); 

function offlineEvent(e) {
  alert("We are offline");
}

window.addEventListener('offline', offlineEvent, false);



var fullArray = ["A", "B", "C", "D"];
var splicdArray = fullArray.splice(1, 3, "Add This", 9, 5, 6);
console.log(fullArray);
console.log(splicdArray);
console.log(splicdArray.toString());
console.log(splicdArray.join(';'));
console.log(fullArray.valueOf(1));

var Datetime = new Date();
$("#op").html(text + Datetime);

//setTimeout function 
var toID = setTimeout(function() {
  Datetime = new Date();
  $("#opsT").html(text + Datetime);
}, 3000);

//setInterval function 
var tIID = null;
tIID = setInterval(function() {
  var Datetime = new Date();
  $("#outputTime").html(Datetime + " ID = " + tIID);
}, 1000);

//location object location.href

$("#op").html(encodeURI("//sometinng.com/+"));
$("#op").append(encodeURIComponent("//sometinng.com/+"));
/*Events 
load, unload, abort, error, 
select, resize, scroll, 

Mouse: 
click, dblclick, mousedown, mouseenter, mouseleave, mousemove, mouseout, mouseover mouseup, mousewheel 

Keyboard: 
keydown, keyup, keypress, textinput

HTML5 : 

contextmenu, beforeunload 

Touch: 
touchstart, touchmove, touchend, touchcancel 

*/
//Global functions 

/*
parseInt("123.9"); -> 123 
parseInt("ABCD"); -> NaN 

parseFloat("ADC"); -> NaN

isNaN(9/0); -> False 

encodeURI(); 
encodeURIComponent() - > full encoding 

*/