To demonstrate string and math object’s predefined methods using javascript.

Example of String!!

Source Code:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

Please locate where 'locate' occurs!.

<hr>

<a href="E:\documents\IM LAB\html\html3-mail link.html">Sanjampreet Singh</a>

<a href="http://sanjamhelping.blogspot.in/p/it-14304-it-methodologies-lab.html">Department Of Information Technology</a>

<a href="E:\documents\IM LAB\html\js7\js7_1.html">Next Practical-></a>

function stringindex()

{

var str = document.getElementById("p1").innerHTML;

var pos = str.indexOf("locate");

var last_pos = str.lastIndexOf("locate");

document.getElementById("pos").innerHTML = "Word locate occurs at "+pos;

document.getElementById("lastpos").innerHTML = "Word locate occurs last at "+last_pos;

}

</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 string and math object’s predefined methods using javascript.}}
\subsection{\emph{Source Code:}}
\begin{verbatim}

<!DOCTYPE html>

<html>

<head><title>JS7</title></head>

<body>

Please locate where 'locate' occurs!.

<button onclick="stringindex()">Try it</button>

<hr>

<a href="E:\documents\IM LAB\html\html3-

mail link.html">Sanjampreet Singh</a> 

<a href="http://sanjamhelping.blogspot.in/p/it-14304-it-method

ologies-lab.html">Department Of Information Technology</a> 

<a href="E:\documents\IM LAB\html\js6\js6.html"><-Last Practical</a>

<a href="E:\documents\IM LAB\html\js7\js7_1.html">Next Practical-></a> 

<script>function stringindex()

{var str = document.getElementById("p1").innerHTML;

var pos = str.indexOf("locate");var last_pos = str.lastIndexOf("locate");

document.getElementById("pos").innerHTML = "Word locate occurs at "+pos;

document.getElementById("lastpos").innerHTML = "Word locate occurs last at "+last_pos;}

</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:

Math Objects

Source Code:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

Math.random() returns a random number between 0 and 1. Every time Output varies between 0 and 1

Math.min() returns the lowest value.

Math.round() rounds a number to its nearest integer.
Math.ceil() rounds a number up to its nearest integer.

Math constants are E, PI, SQR2, LN2, LN10, LOG2E, LOG10E

<hr>

<a href="E:\documents\IM LAB\html\html3-mail link.html">Sanjampreet Singh</a>

<a href="http://sanjamhelping.blogspot.in/p/it-14304-it-methodologies-lab.html">Department Of Information Technology</a>

<a href="E:\documents\IM LAB\html\js8\js8.html">Next Practical-></a>

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 string and math object’s predefined methods using javascript.}}
\subsection{\emph{Source Code:}}
\begin{verbatim}
<html>
<head><title>JS7</title></head>
<body>
Math.random() returns a random number between 0 and 1.
Every time Output varies between 0 and 1
Math.min() returns the lowest value.
Math.round() rounds a number to its nearest integer.
Math.ceil() rounds a numberup to its nearest integer.
Math constants are E,PI,SQR2,LN2LN10,LOG2E,LOG10E
<a href="E:\documents\html3-maillink.html">SanjampreetSingh</a>
<a href="http://sanjamhelping.blogspot.in/p/it-14304-it-
methodologies-lab.html">Department Of Information Technology</a> 
<a href="E:\documents\IM LAB\html\js7\js7.html"><-Last Practical</a>
<a href="E:\documents\IM LAB\html\js8\js8.html">Next Practical-></a>
<script>document.getElementById("random_no").innerHTML =
"Output of Math.Random()"+Math.random();document.getElementById("min").innerHTML
="Math.Min(0,150,30,20,-8,-200) returns min value from set of parameters passed"+
Math.min(0, 150, 30, 20, -8, -200);document.getElementById("round").innerHTML=
"Math.Round(4.4) and Math.ceil(4.4) round off the value to nearest integer''+
Math.round(4.4)+"and''+Math.ceil(4.4);document.getElementById("const").innerHTML=
"Value of E using Math.E"+Math.E +''Value of PI using Math.PI"
+Math.PI+"Value of SQRT2 using Math.SQRT2"+Math.SQRT2+
"Value of LN2 using Math.LN2"+Math.LN2 Value of LN10 using Math.LN10"
+Math.LN10 +" "+"Value of LOG2E using Math.LOG2E"+Math.LOG2E"+
"Value of LOG10E using Math.LOG10E "+Math.LOG10E +" ";</script>
</body>
</html>
\end{verbatim}
\newpage
\subsubsection{\emph{Output:}}
\begin{figure}[h]
\centering
\includegraphics[scale=0.8]{js7_1}
\caption{Output Of HTML page with Js}
\end{figure}

\end{document}

Search This Blog

Looking For iView