Scribd
Upload
16 views7 pages

JS Programs

The document contains code snippets demonstrating different JavaScript functions and methods including: validating textbox input, retrieving the current date, reversing arrays and strings, opening new windows, printing pages, getting the current URL, creating a countdown timer, and displaying the screen height.

Uploaded by

Kanika Shahi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
16 views7 pages

JS Programs

The document contains code snippets demonstrating different JavaScript functions and methods including: validating textbox input, retrieving the current date, reversing arrays and strings, opening new windows, printing pages, getting the current URL, creating a countdown timer, and displaying the screen height.

Uploaded by

Kanika Shahi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

Textbox required validation in JavaScript:

<html>

<body>

<script

type='text/javascript'>

function

textBoxValidation()

if(document.getElementById('txtBox').value.trim()== "")

alert('Textbox should not be

blank');txtBox.focus();

return false;

alert("Your name submitted

sucessfully")return true;

}
</script>

<form>

Name:<input type='text' id='txtBox'/> <input type='button'


onclick="textBoxValidation()"id="btnSubmit"value='Submit' />

</form>
</body>

</html>
Retrieve Today’s Date in JavaScript

<!DOCTYPE html>

<html>

<body>

<p>getDate() method is used for display today's date in JavaScript</p>

<p id="currentDateDate"></p>

<p id="currentMonth"></p>

<p id="currentYear"></p>

<p id="currentFullDate"></p>

<p id="currentTime"></p>

<script>

var date = new Date();

document.getElementById("currentDateDate").innerHTML ="Current Date using


JavaScript:"+date.getDate();

document.getElementById("currentMonth").innerHTML ="Current Month using


JavaScript:"+(date.getMonth()+1);

document.getElementById("currentYear").innerHTML ="Current Year using


JavaScript:"+date.getFullYear();

document.getElementById("currentFullDate").innerHTML ="Current Full Date using


JavaScript:"+date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate();

document.getElementById("currentTime").innerHTML ="Current Time using


JavaScript:"+date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();

</script>

</body>

</html>

Reverse array JavaScript


<!DOCTYPE html>
<html>

<body>

<p>Reverse Array JavaScript </p>

<button onclick="reverseArrayValue()" id="btnClick">Click</button>

<p id="pId"></p>

<script>

var season = ["Summer", "Winter",

"Monsoon","Spring"];

document.getElementById("pId").innerHTML = season;

function reverseArrayValue() {season.reverse();


document.getElementById("pId").innerHTML = season;

</script>

</body>

</html>

Reverse String in JavaScript


<!DOCTYPE html>

<html>

<body>

<p>Reverse String in

JavaScript</p>Main String: "Bijay

Kumar";

<p id="reverseText"></p>

<script>

var reverseString=reverseStringMethod("Bijay Kumar");

document.getElementById("reverseText").innerHTML = "Reverse String:

"+reverseString ;function reverseStringMethod(str) {

var result = "";


for (var i = str.length - 1; i >= 0; i--

) {result += str.charAt(i);

return result;

</script>

</body>

</html>

JavaScript Open a page using window.open() method


<!DOCTYPE html>

<html>

<body>

<p>In this example we can able to see how the winow.open method is used to open a new window
pagein JavaScript </p>

<button onclick="openNewWindow()" id="btnClick">Click</button>

<script>

function openNewWindow()

window.open("https://www.google.com/);

</script>

</body>

</html>

Print page In JavaScript


<!DOCTYPE html>

<html>

<body>

<p><b>Here we will check how print method is work while clicking on button click<b></p>

<button onclick="PrintPage()" id="btnClick">Click it</button>

<script>

function

PrintPage() {

window.print();

}
</script>

</body>

</html>

get current url javascript


<!DOCTYPE html>

<html>

<body>

<p>This widow.location() method will display currently which page you are opening.</p>

<p id="pId"></p>

<script>

document.getElementById("pId").innerHTML ="The full URL of this page


is:<br>" +window.location.href;

</script>

</body>

</html>
JavaScript Date Countdown Timer
<!DOCTYPE HTML>

<html>

<head>

</head>

<body>

<p id="pId"></p>

<script>

var expiredDate = new Date("Jan 5, 2020

15:37:29").getTime();var t = setInterval(function() {

var nowdate = new Date().getTime();

var timePeriod = expiredDate - nowdate;

var days = Math.floor(timePeriod/ (1000 * 60 * 60 * 24));

var hours = Math.floor((timePeriod % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

var minutes = Math.floor((timePeriod % (1000 * 60 * 60)) / (1000 * 60)); var seconds =

Math.floor((timePeriod % (1000 * 60)) / 1000); document.getElementById("pId").innerHTML = days +

"d " + hours +"h"+ minutes + "m " + seconds + "s ";if (timePeriod < 0)

{
clearInterval(t);

document.getElementById("pId").innerHTML =

"EXPIRED";

},

1000);

</script>

</body>

</html>
JavaScript screen height
<!DOCTYPE html>

<html>
<body>

<p>When clicking on button it is showing the Screen height</p>

<button onclick="showScreenHeight()" id="btnClick">Click</button>

<p id="pId"></p>

<script>

function showScreenHeight() {

var totalHeight = "Total Height: " + screen.height + "px";

document.getElementById("pId").innerHTML

=totalHeight;

</script>

</body>

</html>

You might also like