Thursday, September 12, 2013

Very Good Exapmle of JavaScript using array & Function

<html>
<head>

</head>
<body>
<script LANGUAGE="JavaScript">
<!-- begin script

//General Array Function
function MakeArray(n) {
   this.length = n;
   for (var i = 1; i <=n; i++) {
     this[i] = 0;
   }
}

//Initialize Days of Week Array
days = new MakeArray(7);
days[0] = "Saturday"
days[1] = "Sunday"
days[2] = "Monday"
days[3] = "Tuesday"
days[4] = "Wednesday"
days[5] = "Thursday"
days[6] = "Friday"

//Initialize Months Array
months = new MakeArray(12);
months[1] = "January" 
months[2] = "February" 
months[3] = "March" 
months[4] = "April" 
months[5] = "May" 
months[6] = "June" 
months[7] = "July" 
months[8] = "August"
months[9] = "September" 
months[10] = "October"
months[11] = "November"
months[12] = "December"

//Day of Week Function
function compute(form) {
   var val1 = parseInt(form.day.value, 10)
   if ((val1 < 0) || (val1 > 31)) {
      alert("Day is out of range")
   }
   var val2 = parseInt(form.month.value, 10)
   if ((val2 < 0) || (val2 > 12)) {
      alert("Month is out of range")
   }  
   var val2x = parseInt(form.month.value, 10)
   var val3 = parseInt(form.year.value, 10)
   if (val3 < 1900) {
      alert("You're that old!")
   }
   if (val2 == 1) {
      val2x = 13;
      val3 = val3-1
   }
   if (val2 == 2) {
      val2x = 14;
      val3 = val3-1
   }
   var val4 = parseInt(((val2x+1)*3)/5, 10)
   var val5 = parseInt(val3/4, 10)
   var val6 = parseInt(val3/100, 10)
   var val7 = parseInt(val3/400, 10)
   var val8 = val1+(val2x*2)+val4+val3+val5-val6+val7+2
   var val9 = parseInt(val8/7, 10)
   var val0 = val8-(val9*7)
   form.result1.value = months[val2]+" "+form.day.value +", "+form.year.value
   form.result2.value = days[val0]
}   

// end script -->
</script>

<h3><i>On what day of the week were you born?</i></h3>
<b>

<p>Enter your birthday</b> (then hit the &quot;Update&quot; button):</p>

<form>
  <p>Numeric Month (1-12): <input TYPE="text" NAME="month" SIZE="2"> </p>
  <p>Day of Month (1-31): <input TYPE="text" NAME="day" SIZE="2"> </p>
  <p>Year (eg. 1960): <input TYPE="text" NAME="year" SIZE="4"> </p>
  <p><input TYPE="button" VALUE="Update" ONCLICK="compute(this.form)"> <input TYPE="reset"
  VALUE="Clear"> </p>
  <p>Date of Birth: <input TYPE="text" NAME="result1" SIZE="18"> </p>
  <p>Day of Week: <input TYPE="text" NAME="result2" SIZE="18"> </p>
</form>


</body>
</html>