Anda di halaman 1dari 5

SOALAN TUGASAN TAMBAHAN

Buat input text untuk 4 nombor dan cari nilai paling besar dan nilai paling kecil bagi nombor-nombor
yang telah dimasukkan tersebut.

<html>
<title>:.MAX & MIN.:</title>
<style type="text/css"> /*USING EMBEDDED STYLE*/

/*PAGE BACKGROUND*/

body
{
background-image:url(Pink.jpg);
background-color:#FF99FF;
background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;
}

/*TITLE <H1>*/
h1
{
font-family:Arctic;
font-size:17px;
margin-top:32px;
text-align:center;
color:#FFFFFF;
text-decoration:underline;
}

</style>
<SCRIPT language="JavaScript"> //DECLARE VARIABLES
<!--hide
var firstnumber;
var secnumber;
var total;
var thirdnumber;
var fourthnumber;
var fifthnumber;
//-->
</SCRIPT>

</HEAD>
<BODY> <!-- REFER TO PAGE BACKGROUND-->
<h1>Find MAX and MIN</h1> <!-- REFER TO H1-->

<SCRIPT language="JavaScript"> //JAVASCRIPT STARTS

function addtext1()
{
var newtext1 = document.count.add.value; // REFER TO THE FORM COUNT
document.count.add.value += newtext1;
}

function max() // FUNCTION FOR THE MAX NUMBER


{
firstnumbermax=document.count.firstnumbermax.value;
secnumbermax=document.count.secnumbermax.value;
thirdnumbermax=document.count.thirdnumbermax.value;
fourthnumbermax=document.count.fourthnumbermax.value;
number1=parseInt(firstnumbermax); // REFER FOR THE FIRST NUMBER USER ENTER
number2=parseInt(secnumbermax); // REFER FOR THE SECOND NUMBER USER ENTER
number3=parseInt(thirdnumbermax); // REFER FOR THE THIRD NUMBER USER ENTER
number4=parseInt(fourthnumbermax); // REFER FOR THE FOURTH NUMBER USER ENTER

var total2="Max number between " +number1+ " @ " +number2+ " @ " +number3+ " @ "
+number4+" = " +Math.max(number1, number2, number3, number4)+ "\n";
// IT WILL FIND THE MAX NUMBER THAT USER ENTER
return total2;
}

function min() // FUNCTION FOR THE MIN NUMBER


{
firstnumbermin=document.count.firstnumbermin.value;
secnumbermin=document.count.secnumbermin.value;
thirdnumbermin=document.count.thirdnumbermin.value;
fourthnumbermin=document.count.fourthnumbermin.value;
number1=parseInt(firstnumbermin); // REFER FOR THE FIRST NUMBER USER ENTER
number2=parseInt(secnumbermin); // REFER FOR THE SECOND NUMBER USER ENTER
number3=parseInt(thirdnumbermin); // REFER FOR THE THIRD NUMBER USER ENTER
number4=parseInt(fourthnumbermin); // REFER FOR THE FOURTH NUMBER USER ENTER
var total2="Min number between " +number1+ " @ " +number2+ " @ " +number3+ " @ "
+number4+" = " +Math.min(number1, number2, number3, number4)+ "\n";
// IT WILL FIND THE MIN NUMBER THAT USER ENTER
return total2;
}

</SCRIPT>

<form name="count"> <!--COUNT FORM-->

<p><center>
<textarea name="add" wrap="ON" onSelect="addtext1()"
style="font-family:bn BoyfriEnd ; height:100px; width:330px; border-color:#FFFFFF;background-
color:#FF99CC"></textarea>
</p>

<!--MAX AREA-->
<p>
<input type="text" name="firstnumbermax">
,
<input type="text" name="secnumbermax">
,
<input type="text" name="thirdnumbermax">
,
<input type="text" name="fourthnumbermax">
<input type="button" value="maximum number" name="button4" style="background-color:#FF66FF"
onClick="document.count.add.value+=max()" > <!--CALL FUNCTION MAX-->
</p>

<!--MIN AREA-->
<p>
<input type="text" name="firstnumbermin">
,
<input type="text" name="secnumbermin">
,
<input type="text" name="thirdnumbermin">
,
<input type="text" name="fourthnumbermin">
<input type="button" value="minimum number" name="button4" style="background-color:#FF66FF"
onClick="document.count.add.value+=min()" > <!--CALL FUNCTION MIN-->
</p>

</form>
</BODY>
</html>
View In Mozilla Firefox

Anda mungkin juga menyukai