TNW (Web Service & ICT Solutions)
22 Oct 2022, 10:15:47

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…

TNW (Web Service & ICT Solutions)
25 Jun 2022, 11:43:29

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>

TNW (Web Service & ICT Solutions)
25 Jun 2022, 11:42:26

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>

TNW (Web Service & ICT Solutions)
25 Jun 2022, 11:41:01

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…

TNW (Web Service & ICT Solutions)
25 Jun 2022, 11:40:30

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>&nbsp;&nbsp;
<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>

TNW (Web Service & ICT Solutions)
25 Jun 2022, 11:39:36

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,…

TNW (Web Service & ICT Solutions)
25 Jun 2022, 11:39:05

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 =…

TNW (Web Service & ICT Solutions)
25 Jun 2022, 11:38:30

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>

TNW (Web Service & ICT Solutions)
25 Jun 2022, 11:37:55

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…

TNW (Web Service & ICT Solutions)
25 Jun 2022, 11:35:58

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>

TNW (Web Service & ICT Solutions)
25 Jun 2022, 11:35:20

onchange (HTML DOM Events)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
</head>
<body>
<select id = "myId" onchange = "jsFun()">
  <option value = "#">Choose Options</option>
  <option value = "Thet">Thet</option>
  <option value = "Naing">Naing</option>
  <option value = "Win">Win</option>
</select>
<p id = "demo"></p>
<script>
function…

TNW (Web Service & ICT Solutions)
24 Jun 2022, 12:09:13

appendChild() (HTML DOM Elements)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
</head>
<body>
<button onclick = "jsFun()"> + </button>
<script>
function jsFun(){
var para = document.createElement("P");
var txtNode = document.createTextNode("Paragraph");
para.appendChild(txtNode);
document.body.appendChild(para);
}
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
24 Jun 2022, 12:08:45

appendChild() (HTML DOM Elements)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
<style>
#myDiv{
width: 200px;
border: 2px solid red;
padding: 5px;
text-align: center;
}
</style>
</head>
<body>
<button onclick = "jsFun()"> + </button>
<p></p>
<div id = "myDiv">My Example</div>
<script>
function jsFun(){
var para = document.createElement("P");
var txtNode = document.createTextNode("Example");
para.appendChild(txtNode);
document.getElementById("myDiv").appendChild(para);
}
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
24 Jun 2022, 12:08:17

appendChild() (HTML DOM Elements)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
</head>
<body>
<ul id = "myText">
  <li>Thet</li>
  <li>Naing</li>
</ul>

<button onclick = "jsFun()">Try It</button>

<script>
function jsFun(){
var node = document.createElement("LI");
var txtNode = document.createTextNode("Win");
node.appendChild(txtNode);
document.getElementById("myText").appendChild(node);
}
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
24 Jun 2022, 12:07:06

addEventListener() (HTML DOM Elements)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
</head>
<body>
<button id = "myId">Try It</button>
<p id = "demo"></p>
<script>
var x = document.getElementById("myId");
x.addEventListener("mouseover", msOver);
x.addEventListener("click", msClick);
x.addEventListener("mouseout", msOut);

function msOver(){
document.getElementById("demo").innerHTML += "Mouse Over <br />";
}

function msClick(){
document.getElementById("demo").innerHTML += "Mouse Click <br />";
}

function msOut(){
document.getElementById("demo").innerHTML…

TNW (Web Service & ICT Solutions)
24 Jun 2022, 12:06:32

addEventListener() (HTML DOM Elements)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
</head>
<body>
<button id = "myId">Try It</button>
<p id = "demo"></p>
<script>
var p1 = 9;
var p2 = 9;
document.getElementById("myId").addEventListener("click", function(){myFun(p1, p2)});

function myFun(num1, num2){
var x = num1 * num2;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
24 Jun 2022, 12:05:41

addEventListener() (HTML DOM Elements)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
</head>
<body>
<button id = "myId">Try It</button>

<script>
var x = document.getElementById("myId");
x.addEventListener("click", myFun1);
x.addEventListener("click", myFun2);

function myFun1(){
alert("Function1");
}

function myFun2(){
alert("Function2");
}
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
24 Jun 2022, 11:54:00

querySelectorAll() (HTML DOM Document)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
</head>
<body>
<h1 class = "example">Heading</h1>
<p class = "example">Paragraph</p>
<button onclick = "jsFun()">Try It</button>
<script>
function jsFun(){
var i;
var x = document.querySelectorAll(".example");
for(i = 0; i < x.length; i++){
x[i].style.color = "red";
}
}
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
24 Jun 2022, 11:52:53

getElementsByTagName (HTML DOM Document)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
<style>
</style>
</head>
<body>
<ol>
   <li>Example_1</li>
   <li>Example_2</li>
   <li>Example_3</li>
</ol>
<button onclick = "jsFun()">Red</button>
<script>
function jsFun(){
var i;
var x = document.getElementsByTagName("LI");
for(i = 0; i < x.length; i++){
x[i].style.color = "red";
}
}
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
24 Jun 2022, 11:51:48

getElementsByClassName (HTML DOM Document)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
<style>
.Example{
border: 2px solid yellow;
padding: 5px;
width: 100px;
}
</style>
</head>
<body>
<div class = "Example">
Example_1
</div>
<div class = "Example">
Example_2
</div>
<div class = "Example">
Example_3
</div><br />

<button style = "background: red" onclick = "colRed()">Red</button>
<button style = "background: green"…

TNW (Web Service & ICT Solutions)
24 Jun 2022, 11:50:34

document.links (HTML DOM Document)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
</head>
<body>
<button onclick = "jsGreen()">Green</button>
<button onclick = "jsRed()">Red</button><br />

<p id = "demo"></p>

<li><a href = "tnwict.com">tnwict.com</a></li>
<li><a href = "tnw87.com">tnw87.com</a></li>
<li><a href = "tnw87.site">tnw87.site</a></li>

<script>
function jsGreen(){
var i;
var x = document.links;
for(i = 0;…

TNW (Web Service & ICT Solutions)
24 Jun 2022, 11:48:24

Creating Text Node (HTML DOM Document)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
<style>
#myDiv{
border: 1px solid red;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div id = "myDiv">
This is just Testing.
</div>
<button onclick = "jsFun()">+</button>
<script>
function jsFun(){
var para = document.createElement("P");
para.innerHTML = "Paragraph";
document.getElementById("myDiv").appendChild(para);
}
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
24 Jun 2022, 11:41:03

Creating a Calculator with JS

Category : JavaScript Tutorials

<html>
<head>
<title>Math Fun</title>
<script>
function registerEvents(){
document.mathWiz.operate.addEventListener('click', doTheMath, false);
}
function doTheMath(){
var first = parseInt(document.mathWiz.numberOne.value);
var second = parseInt(document.mathWiz.numberTwo.value);
var operator = document.mathWiz.operator.value;

switch (operator){
case "add":
var answer = first + second;
break;
case "substract":
var answer = first - second;
break;
case "multiply":
var answer…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 18:12:27

JS Timer

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
</head>
<body>
<button onclick = "myTimer = setInterval(jsCount, 1000)">Start Count</button>
<button onclick = "clearInterval(myTimer)">Stop Count</button>
<p id = "demo"></p>
<script>
c = 0;
function jsCount(){
document.getElementById("demo").innerHTML = ++c;
}
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
22 Jun 2022, 18:10:53

Creating Readmore Button

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
    <head>
        <titile>Code Testing For Read More Function</titile>
        <style>
        	#more{
            display: none;
            }
        </style>
    </head>
<body>
<p>
I am Thet Naing Win. I am 35 years old man. Now I stay in…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 18:09:37

Creating Nav Bar

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
<style>
body{
margin: 0px;
font-size: 14px;
}

.header{
background-color: grey;
text-align: center;
padding: 12px;
}

#navbar{
overflow: hidden;
background-color: black;
}

#navbar a{
display: block;
float: left;
padding: 16px 32px;
text-decoration: none;
color: white;
}

#navbar a:hover{
background-color: gray;
}

#navbar a:focus{
background-color: green;
}

.content{
padding: 16px;
line-height: 25px;
}

.sticky{
position: fixed;
top: 0px;
width: 100%;
}

.sticky + .content{
padding-top: 60px;
}


</style>
</head>
<body…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 18:08:34

Dropdown Menu

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
<style>
.dropdown{
display: inline-block;
position: relative;
}

.dropbtn{
background-color: red;
font-size: 14px;
color: white;
padding: 12px 32px;
cursor: pointer;
border: 2px solid green;
}

.dropbtn:hover, .dropbtn:focus{
background-color: orange;
}

.dropcontent{
display: none;
overflow: auto;
position: absolute;
box-shadow: 0px 2px 1px 3px;
}

.dropcontent a{
display: block;
color: white;
padding: 15px 32px;
text-decoration: none;
background-color:…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 18:08:00

Display a Clock

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
<script>
function startTime(){
var today = new Date();
var h = today.getHours();
var m = today.getMinutes();
var s = today.getSeconds();
m = checkTime(m);
s = checkTime(s);
document.getElementById("demo").innerHTML = h + ":" + m + ":"…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 18:06:29

Converting Celsius to Fahrenheit

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
</head>
<body>
<p><input id = "c" onkeyup = "temperature('C')"> degree Celsius.</p>
<p><input id = "f" onkeyup = "temperature('F')"> degree Fahrenheit.</p>
<script>
function temperature(degree){
var x;
if(degree == "C"){
x = document.getElementById("c").value * 9 / 5…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 18:04:53

Change Background Color of Html Elements

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
</head>
<body>
<table style = "width:300px; height:100px">
   <tr>
      <td onmouseover = "bgChange(this.style.backgroundColor)";
	      onmouseout = "bgChange('transparent')";
		  style = "background-color:red"></td>
	  <td onmouseover = "bgChange(this.style.backgroundColor)";
	      onmouseout = "bgChange('transparent')";
		  style = "background-color:green"></td>
	  <td…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 18:03:21

JS Animation

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JS Code Testing</title>
<style>
#mySlide{
position: relative;
}

li{
position: relative;
list-style: none;
display: block;
float: left;
padding: 0px 10%;
width: auto;
}

@keyframes mymove{
from { left: 0px; }
to { left: 100%; }
}

@-webkit-keyframes{
from { left: 0px; }
to { left: 100%; }
}
</style>
</head>
<body onload…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 18:01:59

Switch (JS Statement)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Statement</title>
</head>
<body>
<p id = "demo">What is Today?</p>
<button type = "button" onclick = "jsFunction()">Click Now</button>
<script>
function jsFunction(){
switch(new Date().getDay()){
case 0:
day = "Sunday";
break;

case 1:
day = "Monday";
break;

case 2:
day = "Tuesday";
break;

case 3:
day = "Wednesday";
break;

case 4:
day…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 18:01:25

If (JS Statement)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Statement</title>
</head>
<body>
<h1>JavaScript Code Testing</h1>
<p id = "demo1"></p>
<p id = "demo2"></p>
<p id = "demo3"></p>
<button type = "button" onclick = "jsFunction()">Try Now</button>
<script>
function jsFunction(){
var you = "I like to swim.";
var me =…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 18:00:50

Continue (JS Statement)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>
<script>
var txt = "", i;
for(i = 0; i < 10; i++){
if (i===5){continue;}
txt += i + "<br />";
}
document.getElementById("demo").innerHTML = txt;
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
22 Jun 2022, 18:00:18

Break (JS Statement)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>
<script>
var txt = "", i;
for(i = 0; i < 10; i++){
if (i===5){break;}
txt += i + "<br />";
}
document.getElementById("demo").innerHTML = txt;
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
22 Jun 2022, 17:58:27

Random Integer (JS Random)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo">Please click Random for random numbers.</p>
<button type = "button" onclick = "jsRand()">Random</button>
<script>
function jsRand(){
var rand = Math.floor(Math.random() * 4000);
document.getElementById("demo").innerHTML = rand;
}
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
22 Jun 2022, 17:57:41

Proper Random Function (JS Random)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo">Click Random for random numbers.</p>
<button type = "button" onclick = "myRand()">Random</button>
<script>

function myRand(){
var rand = jsRand(100000, 900000);
document.getElementById("demo").innerHTML = rand;
}

function jsRand(min, max){
return Math.floor(Math.random() * (max -…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 09:48:13

Math.sqrt() (JS Math)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo">This is JavaScript Math.sqrt Testing</p>
<button type = "button" onclick = "jsSqrt()">Math Sqrt</button>

<script>
var a = 81;
document.getElementById("demo").innerHTML = a;

function jsSqrt(){
var b = Math.sqrt(a);
document.getElementById("demo").innerHTML = b;
}
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
22 Jun 2022, 09:47:21

Math.round() (JS Math)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo">This is JavaScript Math.round Testing</p>
<button type = "button" onclick = "jsRound()">Math Round</button>

<script>
var a = 4.576;
var b = 4.345;
document.getElementById("demo").innerHTML = a + " and "…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 09:46:32

Math.random() (JS Math)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo">This is JavaScript Math.random Testing</p>
<button type = "button" onclick = "jsRandom()">Math Random</button>
<script>
function jsRandom(){
var a = Math.random();
document.getElementById("demo").innerHTML = a;
}
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
22 Jun 2022, 09:45:52

Math.pow() (JS Math)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo">This is JavaScript Math.pow Testing</p>
<button type = "button" onclick = "jsPower()">Math Power</button>

<script>
var a = 9;
var b = 5;
document.getElementById("demo").innerHTML = a + " and "…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 09:44:51

Math.PI (JS Math)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo1">This is JavaScript Math.PI Testing</p>
<button type = "button" onclick = "jsPI()">Math PI</button>
<script>
function jsPI(){
var pi = Math.PI;
document.getElementById("demo1").innerHTML = pi;
}
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
22 Jun 2022, 09:40:14

JS While Loop

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>
<script>
var names = ["Maung Maung", "Aung Aung", "Mya Mya", "Hla Hla"];
var txt, i = 0;
txt = "<ol>";
while(i < names.length){
txt += "<li>" + names[i] +…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 09:39:35

forof (JS For Loop)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>
<script>
var names = ["Maung Maung", "Aung Aung", "Mya Mya", "Hla Hla"];
var txt;

for(txt of names){
document.write("<li>" + txt + "</li>");
}
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
22 Jun 2022, 09:39:01

for (JS For Loop)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>
<script>
var names = ["Maung Maung", "Aung Aung", "Mya Mya", "Hla Hla"];
var i, txt;

txt = "<ol>";
for(i=0; i<names.length; i++){
txt += "<li>" + names[i] + "</li>";
}
txt +=…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 09:37:54

forin (JS For Loop)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>
<script>
var names = ["Maung Maung", "Aung Aung", "Mya Mya", "Hla Hla"];
var i, txt;

txt = "<ol>";
for(i in names){
txt += "<li>" + names[i] + "</li>";
}
txt +=…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 09:36:53

JS Form Validation

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<script>
function formValidate(){
var x = document.forms["myForm"]["fname"].value;
if(x == ""){
alert("Must fill out in the form");
return false;
}
}
</script>
</body>
<form action = "formvalidate1.html" method = "POST" onsubmit = "return formValidate()" name = "myForm">
<input type…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 09:35:47

Throw Statement (JS Errors)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<input id = "demo" type = "text">
<button type = "button" onclick = "jsFun()">Check Input</button>
<p id = "page"></p>
<script>
function jsFun(){
var sms, x;
sms = document.getElementById("page");
sms.innerHTML = "";
x = document.getElementById("demo").value;
try{
if(x ==…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 09:35:11

Finally Statement (JS Errors)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Cdoe Testing</title>
</head>
<body>
<input id = "demo" type = "text">
<button type = "button" onclick = "jsFun()">Check Input</button>
<p id = "page"></p>
<script>
function jsFun(){
var sms, x;
sms = document.getElementById("page");
sms.innerHTML;
x = document.getElementById("demo").value;
try {
if (x ==…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 09:33:58

JS Arrow Function

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<button  id = "btn1">Try Now</button>
<p id = "demo1"></p>

<button id = "btn2">Try Now</button>
<p id = "demo2"></p>

<script>
var test1 = function(){
document.getElementById("demo1").innerHTML += this;
}

//window object calls the function
window.addEventListener("load", test1);

//button object calls…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 08:04:31

Inheritance (JS Classes)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo">Inheritance Test</p>
<script>
class Car{
constructor(brand){
this.carname = brand;
}
present(){
return "I have " + this.carname;
}
}

class Model extends Car{
constructor(brand, mod){
super(brand);
this.model = mod;
}
show(){
return this.present() + " and the model is "…

TNW (Web Service & ICT Solutions)
22 Jun 2022, 08:03:15

Getter and Setter (JS Classes)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>
<script>
class Car{
constructor(brand){
this.carname = brand;
}
get cnam(){
return this.carname;
}
set cnam(x){
this.carname = x;
}
}
const myCar = new Car["Tesla"];
document.getElementById("demo").innerHTML = myCar;
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
22 Jun 2022, 08:02:28

Creating Object (JS Classes)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id ="demo"></p>
<script>
class Name{
constructor(Name, City){
this.name = Name;
this.city = City;
}
}

var newName = new Name("Thet", "Yangon");
document.getElementById("demo").innerHTML = newName.name + " stays in " + newName.city + ".";

</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
22 Jun 2022, 08:01:10

Class Methods (JS Classes)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo">What is your name and age?</p>
<button type = "button" onclick = "jsFun()">Check Name and Age</button>
<script>
function jsFun(){
class Name{
constructor(Name, Year){
this.name = Name;
this.year = Year;
}

age(){
const date =…

TNW (Web Service & ICT Solutions)
21 Jun 2022, 10:22:01

Reduce() (JS Array Iteration)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>

<button type = "button" onclick = "jsReduce()">Total</button>&nbsp;&nbsp;
<button type = "button" onclick = "jsReset()">Reset</button>

<script>
var numbers = [302, 428, 49, 92, 84, 70, 80, 10, 3,…

TNW (Web Service & ICT Solutions)
21 Jun 2022, 10:21:20

Map() (JS Array Iteration)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>
<button type = "button" onclick = "jsDouble()">Double</button>&nbsp;&nbsp;
<button type = "button" onclick = "jsReset()">Reset</button>&nbsp;&nbsp;
<button type = "button" onclick = "jsTriple()">Triple</button>
<script>
var numbers = [302, 428, 49,…

TNW (Web Service & ICT Solutions)
21 Jun 2022, 10:20:42

Foreach() (JS Array Iteration)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>
<script>
var txt = "";
var numbers = [302, 428, 49, 92, 84, 70, 80, 10, 3, 200];
var num = numbers.sort(function (a, b){return a - b;});

txt…

TNW (Web Service & ICT Solutions)
21 Jun 2022, 10:19:38

Find() (JS Array Iteration)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo">Find the first number greater than 20</p>

<button type = "button" onclick = "jsFind()">Find > 20</button>&nbsp;&nbsp;
<button type = "button" onclick = "jsReset()">Reset</button>

<script>
var numbers = [302,…

TNW (Web Service & ICT Solutions)
21 Jun 2022, 10:18:54

Filter() (JS Array Iteration)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>
<button type = "button" onclick = "jsFilter()">Less Than 100</button>&nbsp;&nbsp;
<button type = "button" onclick = "jsReset()">Reset</button>

<script>
var numbers = [302, 428, 49, 92, 84, 70, 80,…

TNW (Web Service & ICT Solutions)
14 Jun 2022, 21:02:50

Sort() and reverse() numerically (JS Array Sort)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo">Sort Numberically</p>
<button type = "button" onclick = "jsSort()">Sort</button>
<button type = "button" onclick = "jsReverse()">Reverse</button>
<script>
var numbers = [400, 40, 20, 200, 93, 49];
document.getElementById("demo").innerHTML = numbers.join("<br…

TNW (Web Service & ICT Solutions)
14 Jun 2022, 21:01:00

Sort() and reverse() alphabetically (JS Array Sort)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>
<button type = "button" onclick = "jsSort()">Sort</button>&nbsp;&nbsp;
<button type = "button" onclick = "jsReverse()">Reverse</button>
<script>
var cities = ["Yangon", "Mandalay", "Naypyidaw", "Meikhtila", "Bagan"];
document.getElementById("demo").innerHTML = cities.join(" * ");

function…

TNW (Web Service & ICT Solutions)
14 Jun 2022, 20:59:37

Sort number randomly (JS Array Sort)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>
<button type = "button" onclick = "jsRandom()">Sort Now</button>
<script>
var numbers = [300, 40, 83, 49, 92, 200, 79];
document.getElementById("demo").innerHTML = numbers.join("<br />");

function jsRandom(){
var random = numbers.sort(function(a,…

TNW (Web Service & ICT Solutions)
14 Jun 2022, 20:58:36

Math.max and Math.min (JS Array Sort)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>
<button type = "button" onclick = "findMax()">Find Max</button>
<button type = "button" onclick = "jsReset()">Reset</button>
<button type = "button" onclick = "findMin()">Find Min</button>

<script>
var numbers = [200,…

TNW (Web Service & ICT Solutions)
14 Jun 2022, 20:57:29

Find maximum or minimum number (JS Array Sort)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>
<button type = "button" onclick = "findMax()">Find Max</button>&nbsp;&nbsp;
<button type = "button" onclick = "numReset()">Reset</button>&nbsp;&nbsp;
<button type = "button" onclick = "findMin()">Find Min</button>

<script>
var numbers = [200,…

TNW (Web Service & ICT Solutions)
13 Jun 2022, 19:54:27

Array Function

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<button  id = "btn1">Try Now</button>
<p id = "demo1"></p>

<button id = "btn2">Try Now</button>
<p id = "demo2"></p>

<script>
var test1 = function(){
document.getElementById("demo1").innerHTML += this;
}

//window object calls the function
window.addEventListener("load", test1);

//button object calls…

TNW (Web Service & ICT Solutions)
13 Jun 2022, 19:52:37

Objects (JS Arrays)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>
<script>
var myName = {firstName : "Thet", middleName : "Naing", lastName : "Win"};
document.getElementById("demo").innerHTML = myName.firstName;
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
13 Jun 2022, 19:52:03

Looping Array Element (JS Arrays)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo"></p>
<script>
var cities, clen, text, i;
cities = ["Yangon", "Mandalay", "Naypyidaw", "Meikhtila"];
clen = cities.length;
text = "<ul>";
for(i=0; i<clen; i++){
text += "<li>" + cities[i] + "</li>";
}
text += "</ul>";
document.getElementById("demo").innerHTML…

TNW (Web Service & ICT Solutions)
13 Jun 2022, 19:51:24

Foreach Loop (JS Arrays)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo">forEach Loop</p>
<script>
var cities, text;
cities = ["Yangon", "Mandalay", "Naypyidaw", "Meikhtila"];

text = "<ul>";
cities.forEach(jsFunction);
text+= "</ul>";

function jsFunction(value){
text += "<li>" + value + "</li>";
}

document.getElementById("demo").innerHTML = text;

</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
13 Jun 2022, 19:50:56

Creating the Array (JS Arrays)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo1"></p>
<p id = "demo2"></p>
<script>

//good habit in crating array
var a = ["aaa", "bbb", "ccc", "ddd"];
document.getElementById("demo1").innerHTML = a;

//bad habit in creating array
var b = new Array("aaa",…

TNW (Web Service & ICT Solutions)
13 Jun 2022, 19:50:22

Array Elements (JS Arrays)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo1"></p>
<p id = "demo2"></p>
<script>

var a = ["aaa", "bbb", "ccc", "ddd"];
a[0] = "eee";
document.getElementById("demo1").innerHTML = a;


var b = new Array("aaa", "bbb", "ccc", "ddd");
document.getElementById("demo2").innerHTML = b[2];
</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
13 Jun 2022, 19:49:31

Adding Array Element (JS Arrays)

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript Code Testing</title>
</head>
<body>
<p id = "demo">forEach Loop</p>
<script>
var cities, text;
cities = ["Yangon", "Mandalay", "Naypyidaw", "Meikhtila"];

text = "<ul>";
cities.forEach(jsFunction);
text+= "</ul>";

function jsFunction(value){
text += "<li>" + value + "</li>";
}

document.getElementById("demo").innerHTML = text;

</script>
</body>
</html>

TNW (Web Service & ICT Solutions)
13 Jun 2022, 19:48:42

unshift (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwNames = ["Moe", "Soe", "Noe", "Mya"];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwNames.join(", ");
}

function tnwFun2(){
    document.getElementById("demo").innerHTML =…

TNW (Web Service & ICT Solutions)
13 Jun 2022, 19:47:15

splice (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwNames = ["Hla", "Mya", "Soe", "Moe", "Noe"];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwNames.join(", ");
}

function tnwFun2(){
    document.getElementById("demo").innerHTML…

TNW (Web Service & ICT Solutions)
13 Jun 2022, 19:46:34

sort (JavaScript Array Method)

Category : JavaScript Tutorials

//1. sort alphabetically
/**
const countries = ["Myanmar", "Singapore", "Malaysia", "USA", "Thailand", "Vietname"];

function tnwFun1(){
    document.getElementById("demo").innerHTML = countries.join("<br…

TNW (Web Service & ICT Solutions)
13 Jun 2022, 19:46:00

some (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwNums = [20, 39, 48, 58, 68, 70, 85, 90];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwNums.join(",…

TNW (Web Service & ICT Solutions)
13 Jun 2022, 19:45:18

slice (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwNums = [20, 29, 30, 39, 40, 47, 50, 70];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwNums.join(",…

TNW (Web Service & ICT Solutions)
13 Jun 2022, 19:44:28

shift (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwNums = [20, 30, 40, 50, 60, 70, 90];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwNums.join(", ");
}

function…

TNW (Web Service & ICT Solutions)
12 Jun 2022, 15:50:24

reverse (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwNums = [20, 30, 40, 50, 60, 70];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwNums.join("<br />");
}

function tnwFun2(){
…

TNW (Web Service & ICT Solutions)
12 Jun 2022, 15:49:51

reduceRight (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwNum = [20, 9, 20, 8, 100];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwNum.join(", ");
}

function tnwFun2(){
    var…

TNW (Web Service & ICT Solutions)
12 Jun 2022, 15:49:16

reduce (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwNum = [70, 30, 20, 10, 7];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwNum.join("<br />");
}

function tnwFun2(){
    var…

TNW (Web Service & ICT Solutions)
12 Jun 2022, 15:48:32

push (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwNames = ["Soe Soe", "Moe Moe"];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwNames.join("<br />");
}

function tnwFun2(){
    let tnwAdd…

TNW (Web Service & ICT Solutions)
12 Jun 2022, 15:47:59

pop (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwName = ["Hla Hla", "Mya Mya", "Aung Aung", "Maung Maung"];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwName.join("<br…

TNW (Web Service & ICT Solutions)
12 Jun 2022, 15:47:26

map (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwNum = [10, 20, 30, 40];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwNum.join("<br />");
}

/**
function tnwFun2(){
    let result…

TNW (Web Service & ICT Solutions)
12 Jun 2022, 15:46:40

lastIndexOf (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwText = "Hello, welcome to TNW (Web Service & ICT Solutions)";

function tnwFun1(){
    document.getElementById("demo").innerHTML =…

TNW (Web Service & ICT Solutions)
12 Jun 2022, 15:46:04

keys (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwNames = ["Hla Hla", "Mya Mya", "Soe Soe", "Moe Moe"];
let result = "";

function tnwFun1(){
…

TNW (Web Service & ICT Solutions)
12 Jun 2022, 15:44:56

join (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwNames = ["Hla Hla", "Mya Mya", "Aung Aung", "Maung Maung"];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwNames;
}

function…

TNW (Web Service & ICT Solutions)
12 Jun 2022, 15:44:18

isArray (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwText = ["Hla Hla", "Mya Mya", "Soe Soe", "Noe Noe"];
//const tnwText = "I am…

TNW (Web Service & ICT Solutions)
12 Jun 2022, 15:43:33

indexOf (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwText = "Hello Dear All, I am Thet Naing Win. Welcome to TNW (Web…

TNW (Web Service & ICT Solutions)
12 Jun 2022, 15:42:46

includes (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwNames = ["Hla Hla", "Mya Mya", "Soe Soe", "Moe Moe"];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwNames.join("<br…

TNW (Web Service & ICT Solutions)
11 Jun 2022, 09:58:52

from (JavaScript Array Method)

Category : JavaScript Tutorials

const myLetter = "ABCDEFGHIJKL";

function tnwFun1(){
    document.getElementById("demo").innerHTML = myLetter;
}

function tnwFun2(){
    const result = Array.from(myLetter);
    document.getElementById("demo").innerHTML =…

TNW (Web Service & ICT Solutions)
11 Jun 2022, 09:58:18

forEach (JavaScript Array Method)

Category : JavaScript Tutorials

const student = ["Aung Aung", "Maung", "Kyaw", "Zaw", "Soe", "Moe"];
let names = "";
function tnwFun1(){
    student.forEach(tnwFun2);
}

function…

TNW (Web Service & ICT Solutions)
11 Jun 2022, 09:57:48

findIndex (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwAges = [19, 39, 28, 43, 29, 45, 53];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwAges.join("<br />");
}

function…

TNW (Web Service & ICT Solutions)
11 Jun 2022, 09:57:10

find (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwAges = [19, 39, 28, 43, 29, 45, 53];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwAges.join("<br />");
}

function…

TNW (Web Service & ICT Solutions)
11 Jun 2022, 09:56:23

filter (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwAges = [25, 18, 29, 20, 40, 32, 53, 24];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwAges.join("<br…

TNW (Web Service & ICT Solutions)
11 Jun 2022, 09:55:54

fill (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwNames = ["Aye Aye", "Nwe Nwe", "Hla Hla", "Mya Mya", "Soe Soe", "Moe Moe"];

function…

TNW (Web Service & ICT Solutions)
11 Jun 2022, 09:55:16

every (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwAge = [20, 29, 48, 76, 50, 38, 39];

function tnwFun1(){
    document.getElementById("demo").innerHTML = tnwAge.every(tnwFun2);
}

function tnwFun2(chkAge){
…

TNW (Web Service & ICT Solutions)
11 Jun 2022, 09:53:28

entries (JavaScript Array Method)

Category : JavaScript Tutorials

const tnwNames = ["Hla Hla", "Mya Mya", "Aye Aye", "Nwe Nwe", "Soe Soe", "Moe Moe",…

TNW (Web Service & ICT Solutions)
11 Jun 2022, 09:51:51

copyWithin (JavaScript Array Method)

Category : JavaScript Tutorials

const people = ["Hla", "Mya", "Aung", "Maung", "Soe", "Noe", "Moe"];

function tnwFun1(){
    document.getElementById("demo").innerHTML = people.join("<br />");
}

function…

TNW (Web Service & ICT Solutions)
11 Jun 2022, 09:48:09

concat (JavaScript Array Methods)

Category : JavaScript Tutorials

const girls = ["Aye Aye", "Nwe Nwe", "Htwe Htwe"];
const boys = ["Aung Aung", "Maung Maung",…

TNW (Web Service & ICT Solutions)
11 Jun 2022, 09:47:07

JavaScript Array Properties

Category : JavaScript Tutorials

length
Sets or returns the number of elements in an array.

prototype
Allows you to…

TNW (Web Service & ICT Solutions)
2022-05-20 22:30:21

JavaScript Array

Category : JavaScript Tutorials

/*
const countries = ["USA", "UK", "Canada"];
document.write(countries);

//example one
const names = ["Hla Hla", "Mya Mya", "Soe Soe"];
document.write(names);


//example…

TNW (Web Service & ICT Solutions)
2021-05-17 09:50:04

JavaScript Course

Category : JavaScript Tutorials

Chapter 1: Introduction to JavaScript
   - What is JavaScript
   - History of JavaScript
   - Start writing JS Codes
   - JavaScript Outputs
   - JavaScript Syntax
  …

TNW (Web Service & ICT Solutions)
2020-04-28 11:19:54

JavaScript Constant

Category : JavaScript Tutorials

Example 1

<html>
<head>
<title>JS Constant</title>
</head>
<body>
<p id = "demo"></p>
<script>
const x = (x, y) => x * y;
document.getElementById("demo").innerHTML =…

TNW (Web Service & ICT Solutions)
2020-04-28 11:00:06

JavaScript Variable Naming

Category : JavaScript Tutorials

/*
//the first character is letter
var myName = "I am Thet Naing Win.";
document.write(myName);

//the first character is…

TNW (Web Service & ICT Solutions)
2020-04-26 12:50:48

JavaScript Variables

Category : JavaScript Tutorials

/*var a = "I am Thet Naing Win.";
let b = "I am from Myanmar.";
const c…

TNW (Web Service & ICT Solutions)
2020-04-26 12:35:22

Basic JavaScript Objects

Category : JavaScript Tutorials

/*var person = {
    firstname : "Thet",
    lastname : "Naing"
};

function tnwFun(){
    document.getElementById("demo").innerHTML = person.lastname;
}*/

var person…

TNW (Web Service & ICT Solutions)
2020-04-25 17:07:27

JavaScript Statements

Category : JavaScript Tutorials

var a = "I am Thet Naing Win."; // Statement one
var b = "I am…

TNW (Web Service & ICT Solutions)
2020-04-25 16:25:38

JavaScript Bracket Notation

Category : JavaScript Tutorials

var myObj = {tree: 'green', sky: 'blue', cloud: 'white'};

myObj['sky'] = 'gray'; //here i…

TNW (Web Service & ICT Solutions)
2020-04-25 16:13:20

JavaScript Dot Notation

Category : JavaScript Tutorials

var myObj = {tree : "green", sky : "blue", cloud : "white"};

myObj.cloud = "gray";

var myColor…

TNW (Web Service & ICT Solutions)
2020-04-24 17:04:37

Accessing Elements

Category : JavaScript Tutorials

// 1. Access Element By Id
/*
function tnwFun(){
    var txt = "<b>Welcome to TNW(Web Service &…

TNW (Web Service & ICT Solutions)
2020-03-22 16:07:29

JavaScript Basic Rules

Category : JavaScript Tutorials

// 1. JavaScript is case-sensitive

/*
var myTest = "I am Thet Naing Win";
var mytest = "Who…

TNW (Web Service & ICT Solutions)
2020-03-20 16:20:00

JavaScript Syntax

Category : JavaScript Tutorials

//There is a difference between const and let & var.
//We can not use const like…

TNW (Web Service & ICT Solutions)
2020-03-19 16:20:00

JavaScript Outputs

Category : JavaScript Tutorials

<!DOCTYPE html>
<html>
<head>
<title>JavaScript OutPut</title>
</head>
<body>
<p>alert</p>
<button type = "button" onclick = "jsAlert()">Try Now</button>

<p>console.log</p>
<button type = "button" onclick =…

TNW (Web Service & ICT Solutions)
2020-03-11 16:04:19

Start writing JS codes

Category : JavaScript Tutorials

Adding script between <head> and </head>

<html>
<head>
<title>TNW (Web Service & ICT Solutions)</title>
<script>
var…

Please login to start chat

JavaScript Array Methods

Input Datetime Local (HTML Objects)

Input Date (HTML Objects)

JS Event Listener 2

JS Event Listener 1

timer (HTML DOM Window)

progressBar (HTML DOM Window)

moveTo (HTML DOM Window)

close (HTML DOM Window)

onchange 1 (HTML DOM Events)

onchange (HTML DOM Events)

appendChild() (HTML DOM Elements)

appendChild() (HTML DOM Elements)

appendChild() (HTML DOM Elements)

addEventListener() (HTML DOM Elements)

addEventListener() (HTML DOM Elements)

addEventListener() (HTML DOM Elements)

querySelectorAll() (HTML DOM Document)

getElementsByTagName (HTML DOM Document)

getElementsByClassName (HTML DOM Document)

document.links (HTML DOM Document)

Creating Text Node (HTML DOM Document)

Creating a Calculator with JS

JS Timer

Creating Readmore Button

Creating Nav Bar

Dropdown Menu

Display a Clock

Converting Celsius to Fahrenheit

Change Background Color of Html Elements

JS Animation

Switch (JS Statement)

If (JS Statement)

Continue (JS Statement)

Break (JS Statement)

Random Integer (JS Random)

Proper Random Function (JS Random)

Math.sqrt() (JS Math)

Math.round() (JS Math)

Math.random() (JS Math)

Math.pow() (JS Math)

Math.PI (JS Math)

JS While Loop

forof (JS For Loop)

for (JS For Loop)

forin (JS For Loop)

JS Form Validation

Throw Statement (JS Errors)

Finally Statement (JS Errors)

JS Arrow Function

Inheritance (JS Classes)

Getter and Setter (JS Classes)

Creating Object (JS Classes)

Class Methods (JS Classes)

Reduce() (JS Array Iteration)

Map() (JS Array Iteration)

Foreach() (JS Array Iteration)

Find() (JS Array Iteration)

Filter() (JS Array Iteration)

Sort() and reverse() numerically (JS Array Sort)

Sort() and reverse() alphabetically (JS Array Sort)

Sort number randomly (JS Array Sort)

Math.max and Math.min (JS Array Sort)

Find maximum or minimum number (JS Array Sort)

Array Function

Objects (JS Arrays)

Looping Array Element (JS Arrays)

Foreach Loop (JS Arrays)

Creating the Array (JS Arrays)

Array Elements (JS Arrays)

Adding Array Element (JS Arrays)

unshift (JavaScript Array Method)

splice (JavaScript Array Method)

sort (JavaScript Array Method)

some (JavaScript Array Method)

slice (JavaScript Array Method)

shift (JavaScript Array Method)

reverse (JavaScript Array Method)

reduceRight (JavaScript Array Method)