To create an html file and to display the various arithmetic operations on variables using javascript.

Source Code:

<!DOCTYPE html>
<html>
<head>
<title>js2</title>
</head>
<body>
  <b>Below Calculations are performed using Javascript Arithmetic Operations</b>
<center>
  <script type="text/javascript">
var a = 33;
var b = 10;
var c = 56;
var linebreak = "<br />";

document.write("a = " +a);
document.write(linebreak);
document.write("b = " +b);
document.write(linebreak);
document.write("a + b = ");
result = a + b;
document.write(result);
document.write(linebreak);

document.write("a - b = ");
result = a - b;
document.write(result);
document.write(linebreak);

document.write("a / b = ");
result = a / b;
document.write(result);
document.write(linebreak);

document.write("a % b = ");
result = a % b;
document.write(result);
document.write(linebreak);

document.write("a + b + c = ");
result = a + b + c;
document.write(result);
document.write(linebreak);

a = a++;
document.write("a++ = ");
result = a++;
document.write(result);
document.write(linebreak);

b = b--;
document.write("b-- = ");
result = b--;
document.write(result);
document.write(linebreak);
</script>
  </center>
<hr>
    <a href="mailto:sanjam531@gmail.com">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\js1\js1.html"><-Last Practical</a>&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="E:\documents\IM LAB\html\js3\js3.html">Next Practical-></a>
    <br>
</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 create an html file and to display the various arithmetic operations on variables using javascript.}}
\subsection{\emph{Source Code:}}
\begin{verbatim}
<!DOCTYPE html>
<html><head>
<title>js2</title>
</head> <body>
<b>Below Calculations are performed using Javascript Arithmetic Operations</b>
<center>
<script type="text/javascript">
var a = 33; var b = 10; var c = 56;
var linebreak = "<br />";
document.write("a = " +a);
document.write(linebreak);
document.write("b = " +b);
document.write(linebreak);
document.write("a + b = ");
result = a + b;
document.write(result);
document.write(linebreak);
document.write("a - b = ");
result = a - b;
document.write(result);
document.write(linebreak);
document.write("a / b = ");
result = a / b;
document.write(result);
document.write(linebreak);
document.write("a % b = ");
result = a % b;
document.write(result);
document.write(linebreak);
document.write("a + b + c = ");
result = a + b + c;
document.write(result);
document.write(linebreak);
a = a++;
document.write("a++ = ");
result = a++;
document.write(result);
document.write(linebreak);
b = b--;
document.write("b-- = ");
result = b--;
document.write(result);
document.write(linebreak);
</script> </center>
</body><hr>
<a href="mailto:sanjam531@gmail.com">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\js1\js1.html"><-Last Practical</a>
<a href="E:\documents\IM LAB\html\js3\js3.html">Next Practical-></a><br>
</html>
\end{verbatim}
\subsubsection{\emph{Output:}}
\begin{figure}[h]
\centering
\includegraphics[scale=0.5]{js2}
\caption{Output Of HTML page with Js}
\end{figure}
\end{document}

Output:

Comments

Post a Comment

Popular posts from this blog

To create an html page with frames and frameset

Image
Layout Of HTML Frame HTML Source Code: <!DOCTYPE html> <html> <frameset rows="50%,*" > <frameset cols="50%,*"> <frame src="E:\documents\IM LAB\html\HTML1.html">   HTML Page 1 <frame src="E:\documents\IM LAB\html\HTML2.html">   HTML Page 2 </frameset> <frameset cols="25%,37.5%,37.5%">   <frame src="E:/documents/IM%20LAB/html/sanjam.jpg">   YOUR PICTURE   <frame src="E:\documents\IM LAB\html\HTML3.html">    HTML Page 3 <frame src="E:\documents\IM LAB\html\LinkToHtml.html">   HTML Page 4     </frameset> </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}...
Read More »

1. Write a program to insert a new element at end as well as at a given position in an array in Java

Image
import java.util.Scanner; class DSPM1 { public static void main(String args[]) { Scanner mi = new Scanner(System.in); int arr[]=new int[10]; int i; System.out.println("Enter the no. of elements to be enter:"); int n =mi.nextInt(); System.out.println("Enter the elements:"); for(i=0;i<n;i++) { arr[i]=mi.nextInt(); } System.out.println("Enter The element to be inserted"); int insert=mi.nextInt(); System.out.println("At which position(Enter the index number)"); int pos=mi.nextInt(); for(i=n;i>pos;i--) { arr[i]=arr[i-1]; } arr[pos]=insert; System.out.println("Inserted Successfully!!\nNow the new array"); for(i=0;i<n+1;i++) { System.out.println(arr[i]); } System.out.println("/*\nName-Sanjampreet Singh\nRoll Number-1507967\n*/"); } } OUTPUT:
Read More »

1. To familiarize with network devices like switch, hub, routers and bridges in LaTex

\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} \begin{titlepage} \newcommand{\HRule}{\rule{\linewidth}{1mm}} \begin{minipage}[height=\paperheight]{0.8\textwidth} \centering { \textcolor{blue} { \textsc{\Large Guru Nanak Dev Engg College }\\[0.5cm] \textsc{\large Practical File}\\[0.3cm] \HRule \\[0.2cm] { \huge \bfseries Internet Methodologies}\\[0.1cm] \HRule \\[2cm]} \includegraphics[width=60mm,scale=0.7]{gne}\\[2cm] \textcolor{blue} ...
Read More »