Internet Programming - Javascript

QUESTION
1. Write JavaScript program that ask the user for two numbers , adds them up and return
the result to the user
2. Improve the question 1 so that it also does subtraction , multiplication and division on the
two numbers , calculate the average calculation on 5 numbers and make new line for
every operation
3. Write a program that will ask the user for his or her first name , last name , and middle
initial . Return then back in the order of last name , first name and middle initial , then in
the first name , middle initial and last name format
4. Please do 2 people in one group

ANSWER
1. Write JavaScript program that ask the user for two numbers , adds them up and return
the result to the user

<html>
<head>
<title>~: ADDING TWO NUMBERS :~</title>
<style type="text/css"> /*USING EMBEDDED STYLE*/
/*PAGE BACKGROUND*/
body
{
background-image:url(../../../cam_love.jpg);
background-color:#FFCC66;
background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;
}
/*TITLE <H1>*/
h1
{
font-family:"20.000 dollar bail";
font-size:17px;
margin-top:32px;
margin-left:350;
text-decoration:underline;
}
/*TITLE <H2>*/
h2
{
font-size:17px;
margin-left:310;
}
/*TITLE <H3>*/
h3
{
font-size:18px;
margin-left:300;
}
/*FOR THE OUTPUT*/

p
{
font-size:30px;
margin-left:350;
}
/*END OF EMBEDDED STYLE*/

</style>
<script language="javascript">

</script>
</head>
<body> 

<h1>JavaScript program that ask </h1> 
<h2>the user for two numbers adds them</h2> 
<h3>up and return the result to the user</h3> 
</body>
<script language="javascript"> 
firstnumber=window.prompt("ENTER FIRST INTEGER", "");


secondnumber=window.prompt("ENTER SECOND INTEGER", "");

number1=parseInt(firstnumber);
number2=parseInt(secondnumber);
total = number1 + number2;
document.write("<p>");
document.write("<br>");
document.write("\nTotal addition = " +total); 
document.write("</p>");
</script>
</body>
</html>
VIEW IN MOZILLA FIREFOX
1)
2)
3)
2. Improve the question 1 so that it also does subtraction , multiplication and division on the
two numbers , calculate the average calculation on 5 numbers and make new line for
every operation

Improve the question 1 so that it also does subtraction ,
multiplication and division on the two numbers , calculate the average calculation
on 5 numbers and make new line for every operation-->
<html>
<head>
<title>~: MATHEMATICS OPERATION :~</title>
<style type="text/css"> /*USING EMBEDDED STYLE*/
/*PAGE BACKGROUND*/
body
{
background-image:url(../../../math.jpg);
background-color:#FF66FF;
}
/*TITLE <H1>*/
h1
{
font-family:Caduceus;
font-size:17px;
margin-top:32px;
text-align:center;
color:#FFFFFF;
text-decoration:overline;
}
/*TITLE <H2>*/
h2
{
font-size:17px;
text-align:center;
color:#FFFFFF;
}
/*TITLE <H3>*/
h3
{
font-size:18px;
text-align:center;
color:#FFFFFF;
}
</style>
<SCRIPT language="JavaScript">

</SCRIPT>
</HEAD>
<BODY> 

<h1>Using subtraction , multiplication and division on the </h1> 
<h2>two numbers, calculate the average calculation </h2> 
<h3>on 5 numbers and make new line for every operation</h3> 
<SCRIPT language="JavaScript"> 
window.alert("~~PLEASE ENTER ALL THE NUMBER IN THE BOX~~");


function addition() 

{
firstnumber=document.kira.firstnumber.value;
secondnumber=document.kira.secondnumber.value;
number1=parseInt(firstnumber);
number2=parseInt(secondnumber);
total=number1+number2;
//window.alert("Hasil Tambah ialah " + total);
var total2= +number1+ "+" +number2+ "=" +total+ "\n";
return total2;
}
function substraction() 

{
firstnumber2=document.kira.firstnumber2.value;
secondnumber2=document.kira.secondnumber2.value;
number1=parseInt(firstnumber2);
number2=parseInt(secondnumber2);
total=number1-number2;
var total2= +number1+ "-" +number2+ "=" +total+ "\n";
return total2;
}
function multiplication() 

{
total=number1*number2;
var total2= +number1+ "x" +number2+ "=" +total+ "\n";
return total2;
}
function division() 

{
total=number1/number2;
var total2= +number1+ "/" +number2+ "=" +total+ "\n";
return total2;
}
function average() 
{
thirdnumber=document.kira.thirdnumber.value;
fourthnumber=document.kira.fourthnumber.value;
fifthnumber=document.kira.fifthnumber.value;
number3=parseInt(thirdnumber);
number4=parseInt(fourthnumber);
number5=parseInt(fifthnumber);
total=number1+number2+number3+number4+number5;
fulltotal=total/5;
var total3= +number1+ "+" +number2+ "+" +number3+ "+" +number4+ "+" +number5+ " = "
+total+ "/5 = " +fulltotal+ "\n";
return total3;
}
function addtext1()
{
var newtext1 = document.kira.add.value;
document.kira.add.value += newtext1;
}
</SCRIPT>
<form name="kira">
<p> <center>
<textarea name="add" wrap="ON" onSelect="addtext1()" style=" " cols="20"
rows="5"></textarea>
</p>
<p>
<input type="text" name="firstnumber" onClick="addition();">
+
<input type="text" name="secondnumber" onClick="addition();">
<input type="button" value="addition" name="button4" style="background-color:#FF66FF"

onClick="document.kira.add.value+=addition()" >
</p>
<p>
<input type="text" name="firstnumber2" onClick="substraction();">
-
<input type="text" name="secondnumber2" onClick="substraction();">
<input type="button" value="substraction" name="button4" style="background-color:#FF66FF"

onClick="document.kira.add.value+=substraction()" >
</p>
<p>
<input type="text" name="firstnumber3" onClick="multiplication();">
*
<input type="text" name="secondnumber3" onClick="multiplication();">
<input type="button" value="multiplication" name="button4" style="background-

color:#FF66FF" onClick="document.kira.add.value+=multiplication()" >
</p>
<p>
<input type="text" name="firstnumber4" onClick="division();">
/
<input type="text" name="secondnumber4" onClick="division();">
<input type="button" value="division" name="button4" style="background-color:#FF66FF"

onClick="document.kira.add.value+=division()" >
</p>
<p>
<input type="text" name="firstnumber5" onClick="average();">
+
<input type="text" name="secondnumber5" onClick="average();">
+
<input type="text" name="thirdnumber" onClick="average();">
+
<input type="text" name="fourthnumber" onClick="average();">
+
<input type="text" name="fifthnumber" onClick="average();">
<input type="button" value="average" name="button4"

onClick="document.kira.add.value+=average()" >
</p>
</form>
</body>
</html>
1)
2)
1)
2)
3)
4)
5)
3. Write a program that will ask the user for his or her first name , last name , and middle
initial . Return then back in the order of last name , first name and middle initial , then in
the first name , middle initial and last name format

Write a program that will ask the user for his or her first name , last name , and middle initial .
Return then back in the order of last name , first name and middle initial ,
then in the first name , middle initial and last name format-->
<html>
<head>
<title>~: NAME :~</title>
<style type="text/css">
/*USING EMBEDDED STYLE*/
/*PAGE BACKGROUND*/
body
{
background-image:url(../../../Downloads/yellow.jpg);
background-color:#663333;
}
/*OUTPUT*/
h1
{
margin-top:100px;
color:#FFFFFF;
}
/*TABLE STYLE*/
.style1 {font-family: Caduceus; color:#FFFFFF;}
.style2 {color: #FFFFFF}
.style3 {font-family: Caduceus; color: #FFFFFF; }
</style>
<body >
<SCRIPT language="JavaScript"> 

var lastname= prompt('~Please enter your last name~,', ' ');

var middlename= prompt('~Please enter your middle name~,', ' ');

//-->
</SCRIPT>
</head>
<body>
<div align="center">
<SCRIPT language="javascript">

//-->
</SCRIPT>
</p>
</div>
<table width="331" border="1" align="center" bordercolor="#FFFF00">

<tr>
<td width="147"><div align="center" class="style3"><strong>Last Name
</strong></div></td>
<td width="168"><div align="center" class="style1">
document.write(lastname);
</script>
</div></td>
</tr>
<tr>
<td><div align="center" class="style3"><strong>First Name </strong></div></td>
<td><div align="center" class="style1">
document.write(firstname);
</script>
</div></td>
</tr>
<tr>
<td><div align="center" class="style2 style1"><strong>Middle Name </strong></div></td>
document.write(middlename);
</script>
</div></td>
</tr>
</table>
<p> </p>
<table width="331" border="1" align="center" bordercolor="#FFFF00" >
<tr>
<td width="147"><div align="center" class="style3"><strong>First Name
</strong></div></td>
<td width="168"><div align="center" class="style1">
document.write(firstname);
</script>
</div></td>
</tr>
<tr>
<td><div align="center" class="style3"><strong>Middle Name </strong></div></td>
document.write(middlename);
</script>
</div></td>
</tr>
<tr>
<td><div align="center" class="style2 style1"><strong>Last Name </strong></div></td>
document.write(lastname);
</script>
</div></td>
</tr>
</table>
<p> </p>
</body>
</HTML>

Internet Programming - Javascript

Загружено:

Сведения о документе

Исходное описание:

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Internet Programming - Javascript

Загружено:

Авторское право:

Доступные форматы

QUESTION

4. Please do 2 people in one group

<!-- This code was designed by

/*FOR THE OUTPUT*/

/*END OF EMBEDDED STYLE*/

<body>

<script language="javascript">

firstnumber=window.prompt("ENTER FIRST INTEGER", "");

<!-- This code was designed by

<BODY>

<SCRIPT language="JavaScript">

window.alert("~~PLEASE ENTER ALL THE NUMBER IN THE BOX~~");

function addition()

function substraction()

function multiplication()

function division()

<input type="button" value="addition" name="button4" style="background-color:#FF66FF"

<input type="button" value="substraction" name="button4" style="background-color:#FF66FF"

<input type="button" value="multiplication" name="button4" style="background-

<input type="button" value="division" name="button4" style="background-color:#FF66FF"

<input type="button" value="average" name="button4"

<!-- This code was designed by

<SCRIPT language="JavaScript">

<table width="331" border="1" align="center" bordercolor="#FFFF00">

Вам также может понравиться

/FOR THE OUTPUT/

/END OF EMBEDDED STYLE/

window.alert("PLEASE ENTER ALL THE NUMBER IN THE BOX");