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-->
function addtext1()
{
var newtext1 = document.count.add.value; // REFER TO THE FORM COUNT
document.count.add.value += newtext1;
}
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;
}
</SCRIPT>
<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