Recently developed websites
Category : News
JavaScript Array Methods
Category : JavaScript Tutorials
entries()
Returns a key/value pair Array Iteration Object
every()
Checks if every element in an array pass a test in a testing function.
fill()
Fill the…
Automation Engineer for AmogTech com., ltd.
Category : News
One of my
customer, AmogTech Com., ltd. is searching for Automation Engineer who is
willing to get new challenges and opportunities.
Responsibility
‐ Implement
design for E&I sys
‐ Implement…
Office Staff for AmogTech com., ltd
Category : News
One of my customer, AmogTech Com., ltd. is searching for Office Staff who is willing to get…
How to change proxy setting in Windows Computer
Category : Windows Knowledge
How to change proxy setting in Mozilla Firefox
Category : Knowledge About Browsers
How to check Hard Disk
Category : Windows Knowledge
Sometimes our computers may be working slowly because of hard disk errors. At that time, we should check our hard disks are in good conditions or not. We can check…
Business Email Service Extension for Knowledge Villa
Category : News
Today Knowledge Villa Com., Ltd. makes next one…
Web Service Extension for Amog Tech Com., Ltd.
Category : News
Today Amog Tech Com., Ltd. makes next one year extension of Web Service with TNW(Web Service & ICT Solutions) for their company website and emails. It has already been five…
Input Datetime Local (HTML Objects)
Category : JavaScript Tutorials
<!DOCTYPE html>
<html>
<head>
<title>Js Code Testing</title>
</head>
<body>
<button onclick = "jsFun()">Try It</button>
<script>
function jsFun(){
var x = document.createElement("INPUT");
x.setAttribute("type", "datetime-local");
document.body.appendChild(x);
}
</script>
</body>
</html>
Input Date (HTML Objects)
Category : JavaScript Tutorials
<!DOCTYPE html>
<html>
<head>
<title>Js Code Test</title>
</head>
<button onclick = "jsFun()">Try It</button>
<body>
<script>
function jsFun(){
var x = document.createElement("INPUT");
x.setAttribute("type", "date");
document.body.appendChild(x);
}
</script>
</body>
</html>
JS Event Listener 2
Category : JavaScript Tutorials
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<button type = "button" id = "event">Try It</button>
<p id = "demo"></p>
<script>
var x = document.getElementById("event");
x.addEventListener("mouseover", jsFun1);
x.addEventListener("mousedown", jsFun2);
x.addEventListener("mouseout", jsFun3);
function jsFun1(){
document.getElementById("demo").innerHTML += "Mouse Over<br />";
}
function jsFun2(){
document.getElementById("demo").innerHTML += "Mouse Down<br />";
}
function…
JS Event Listener 1
Category : JavaScript Tutorials
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo">The Date is:</p>
<button type = "button" id = "test">Show Date</button>
<button type = "button" id = "test1">Hide</button>
<script>
document.getElementById("test").addEventListener('click', jsFun);
document.getElementById("test1").addEventListener('click', jsHide);
function jsFun(){
document.getElementById("demo").innerHTML = Date();
}
function jsHide(){
document.getElementById("demo").innerHTML = "";
}
</script>
</body>
</html>
timer (HTML DOM Window)
Category : JavaScript Tutorials
<!DOCTYPE html>
<html>
<head>
<title>Js Code Testing</title>
</head>
<body>
<button onclick = "startCount()">Start Count</button>
<input type = "text" id = "txt">
<button onclick = "stopCount()">Stop Count</button>
</body>
<script>
var c = 0;
var t;
var myTimer = 0;
function jsFun(){
document.getElementById("txt").value = c;
c++;
t = setTimeout(jsFun,…
progressBar (HTML DOM Window)
Category : JavaScript Tutorials
<!DOCTYPE html>
<html>
<head>
<title>Js Code Testing</title>
<style>
#progressBar{
width: 100%;
height: 30px;
position: relative;
background-color: grey;
}
#myBar{
width: 20px;
height: 30px;
position: absolute;
background-color: green;
}
</style>
</head>
<body>
<div id = "progressBar">
<div id = "myBar"></div>
</div><p></p>
<button onclick = "myMove()">Try Now</button>
<script>
function myMove(){
var ele = document.getElementById("myBar");
var width =…
moveTo (HTML DOM Window)
Category : JavaScript Tutorials
<!DOCTYPE html>
<html>
<head>
<title>Js Code Testing</title>
</head>
<body>
<button onclick = "openWin()">Open Window</button>
<button onclick = "moveWin()">Move Window</button>
<script>
function openWin(){
myWindow = window.open('', 'myWindow', 'width=300px, height=200px');
myWindow.document.write('hello');
myWindow.document.designMode = "On";
}
function moveWin(){
myWindow.moveTo(500, 300);
myWindow.focus();
}
</script>
</body>
</html>
close (HTML DOM Window)
Category : JavaScript Tutorials
<!DOCTYPE html>
<html>
<head>
<title>Js Code Testing</title>
</head>
<body>
<div id = "msg"></div>
<button onclick = "openWin()">Open Window</button>
<button onclick = "closeWin()">Close Window</button>
<button onclick = "chkStatus()">Check Status</button>
<script>
var myWin;
function openWin(){
myWin = window.open("", "myWin", "width=300px, height=200px");
}
function closeWin(){
if(myWin){
myWin.close();
}
}
function chkStatus(){
if(!myWin){
document.getElementById("msg").innerHTML = "Window…
onchange 1 (HTML DOM Events)
Category : JavaScript Tutorials
<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
</head>
<body>
<input type = "text" id = "fname" onchange = "jsFun()">
<script>
function jsFun(){
var x = document.getElementById("fname");
x.value = x.value.toUpperCase();
}
</script>
</body>
</html>