To demonstrate the use of expression, array, math, string, date functions.

Source Code:

<!DOCTYPE html>
<html>
<head>
<title>JS10</title>
</head>
<body>
<p>Use of Expressions</p>
<p id="demo1"></p>
<p>Use of Array Length Function</p>
<p id="demo2"></p>
<p id="demo3"></p>
<p>Sorted Array is</p>
<p id="demo4"></p>
<p>Sorted Array in reverse order</p>
<p id="demo5"></p>
<p>Following is String</p>
<p id="demo6"></p>
<p id="demo7"></p>
<p id="demo8"></p>
<p>The getDay() method returns the weekday as a number:</p>
<p id="demo9"></p>
<p>Date.parse(string) returns milliseconds.</p>
<p>You can use the return value to convert the string to a date object:</p>
<p id="demo10"></p>
<hr>
<a href="E:\documents\IM LAB\html\html3-mail link.html">Sanjampreet Singh</a>
<br>
<a href="http://sanjamhelping.blogspot.in/p/it-14304-it-methodologies-lab.html">Department Of Information Technology</a>
<br>
<a href="E:\documents\IM LAB\html\js9\js9.html"><-Last Practical</a>
<script>
var x=10;
var y=20;
var z= x+y*x/y;
var d = new Date();
var str="Guru Nanak Dev Engineering College Ludhiana";
var pos = str.indexOf("Engineering");
var arr1= ["IT", "CSE", "Prod", "ME", "ECE"];
document.getElementById("demo1").innerHTML = "<b>Output of z= x+y*x/y is </b>"+z;
document.getElementById("demo2").innerHTML = "<b>Array is </b>"+arr1;
document.getElementById("demo3").innerHTML = "<b>Length of Array is </b>"+arr1.length;
document.getElementById("demo4").innerHTML = "<b>Sorted Array is </b>"+arr1.sort();
document.getElementById("demo5").innerHTML = "<b>Sorted Array in reverse order </b>"+arr1.reverse();
document.getElementById("demo6").innerHTML = str;
document.getElementById("demo7").innerHTML = "<b>Location of word Engineering is at </b>"+pos;
document.getElementById("demo8").innerHTML ="<b>String in Upper Case using toUpperCase() </b><br/>"+str.toUpperCase();
document.getElementById("demo9").innerHTML = d.getDay();
var msec = Date.parse("March 21, 2012");
var d = new Date(msec);
document.getElementById("demo10").innerHTML = d;
</script>
</body>
</html>

Output:


Include the following source Code in Document Environment in your LaTeX File

LaTeX Source:

\documentclass[12pt]{article}

\usepackage{graphicx}
\usepackage{wrapfig}
\usepackage{multicol}
\usepackage{caption}
\usepackage{subcaption}
\usepackage{transparent}
\usepackage{multirow}
\usepackage{eso-pic}
\usepackage[utf8]{inputenc}
\usepackage{color}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\newcommand\BackgroundIm{
\put(0,0){
\parbox[b][\paperheight]{\paperwidth}{
\vfill
\centering
{\transparent{0.05} \includegraphics[height=\paperheight,width=\paperwidth,
keepaspectratio]{gne}
\vfill
}}}}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\begin{document}
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
\AddToShipoutPicture{\BackgroundIm}
\newpage
\section{\emph{To demonstrate the use of expression, array, math, string, date functions.}}
\subsection{\emph{Source Code:}}
\begin{verbatim}
<!DOCTYPE html>
<html>
<head><title>JS10</title></head>
<body>
<p>Use of Expressions</p><p id="demo1"></p>
<p>Use of Array Length Function</p><p id="demo2"></p>
<p id="demo3"></p><p>Sorted Array is</p>
<p id="demo4"></p><p>Sorted Array in reverse order</p>
<p id="demo5"></p><p>Following is String</p>
<p id="demo6"></p><p id="demo7"></p>
<p id="demo8"></p><p>The getDay() method returns 
the weekday as a number:</p><p id="demo9"></p>
<p>Date.parse(string) returns milliseconds.</p>
<p>You can use the return value to 
convert the string to a date object:</p><p id="demo10"></p>
<hr><a href="E:\documents\IM LAB\html\html3-mail link.html">Sanjampreet Singh</a>
<br><a href="http://sanjamhelping.blogspot.in/p/it-14304-
it-methodologies-lab.html">Department Of Information Technology</a>
<br><a href="E:\documents\IM LAB\html\js9\js9.html"><-Last Practical</a>
<script>
var x=10;var y=20;var z= x+y*x/y;var d = new Date();
var str="Guru Nanak Dev Engineering College Ludhiana";
var pos = str.indexOf("Engineering");
var arr1= ["IT", "CSE", "Prod", "ME", "ECE"];
document.getElementById("demo1").innerHTML="<b>Output of z= x+y*x/y is </b>"+z;
document.getElementById("demo2").innerHTML="<b>Array is </b>"+arr1;
document.getElementById("demo3").innerHTML="<b>Length of Array is </b>"+arr1.length;
document.getElementById("demo4").innerHTML="<b>Sorted Array is </b>"+arr1.sort();
document.getElementById("demo5").innerHTML="<b>Sorted Array in reverse order </b>"+arr1.reverse();
document.getElementById("demo6").innerHTML=str;
document.getElementById("demo7").innerHTML="<b>Location of word Engineering is at </b>"+pos;
document.getElementById("demo8").innerHTML="<b>String in Upper Case <br/>"+str.toUpperCase();
document.getElementById("demo9").innerHTML=d.getDay();
var msec = Date.parse("March 21, 2012");
var d = new Date(msec);document.getElementById("demo10").innerHTML = d;
</script>
</body>
</html>
\end{verbatim}
\subsubsection{\emph{Output:}}
\begin{figure}[h]
\centering
\includegraphics[scale=0.5]{js7}
\caption{Output Of HTML page with Js}
\end{figure}
\end{document}

Output:

Comments

Popular posts from this blog

Program to illustrate the concept of templates.

To create an html file to implement the concept of margin, padding using cascading style sheets.

To configure the IP address for a computer connected to LAN