Assignment 5 -Intro to programming javascript

Username*

E-Mail*

Password*

Confirm Password*

Profile Picture

Browse

Country

Captcha* Captcha Click on image to update the captcha .

Assignment 5 -Intro to programming javascript

MIT 153 – Assignment #5 This assignment involves making some changes to the program you created in Assignment #3.

Change the type of Loop

Instead of typing in “END” for the last name when they are finished the user would like to enter the number of employees before they start entering the data. Change the program to allow them to enter the number of employees before the main loop. Use a “for” loop to control the repetitions. When entering the data the users are sometimes in too much of a hurry and accidentally enter a name where the hours should go, or a number where the name should be. We have been asked to include some data validation in the program.

Create an Input Function

Create a function that be used to enter a text field. It should accept a string field that it will use to create a prompt. The prompt should read: “Please enter ____ (Text required.) The underlined area shown should contain the string passed to it as a parameter. After they enter the data it must be tested to be sure that they entered text data. If they enter a number or an empty string then an appropriate message should be displayed and the user given a chance to enter the correct data. Change the program to use this function for the input of the name.

Allow the User to Cancel

If the user clicks the Cancel button instead of entering a name the program should stop without asking for any more input.

Create another Input Function

Create a function that will be used to input and validate a number. It will accept a string that it will use to build a prompt, much like test entry function above. It will also accept two more parameters that will be used to specify the range of valid values. The prompt should end up looking something like this: “Please enter ____ (Number between __ and __ required.) Use this function to input the hours worked. The hours worked should than zero. No employee will ever work more than 60 hours, so use that as a maximum.

Allow the User to Cancel on Hours

If the user clicks the Cancel button instead of entering the number of hours the program should stop without asking for any more input. Answer

</span>
<pre class="wp-block-syntaxhighlighter-code"><span style="color: #000000; font-family: verdana, geneva, sans-serif;"><html&gt;
<head&gt;
<script type="text/javascript"&gt;
// MIT 153-Assiggnment#5
function nameFun(){
            name =prompt("Please Enter Employee Name:","");
			if(name == null){
			return;
             }
			 if (!isNaN(name)){		  	   
		   alert("Error in input - please enter Name again"); 
           name =prompt("Please Enter Employee Name:","");	           		   
		   }
 }
 function hoursFun(){
           hours =prompt("Please Enter Number of Hours Worked:","");
			if(hours == null){
			return;
            }
           if ((hours<0) || (hours&gt;60) || (isNaN(hours))){
			alert("Error \n Please enter Number between 0 and 60");
			hours =prompt("Please Enter Number of Hours Worked:","");
			}
 }
</script&gt;
</head&gt;
<body&gt;
<script type="text/javascript"&gt;
// DECLARATION
var name;
var numEmployee;
var hours;
var wage=10;
var totalEarn;
var hoursCount=0;
var totalCount=0;
var BR="<br/&gt;";
var ctr;
// INPUT
numEmployee=prompt("Enter Number of Employee:","");
 //THE for LOOP  
      for(ctr=1;ctr<=numEmployee; ctr++){
	         nameFun(); 
			 if(name == null)
			break;
	       	hoursFun();	
          	if(hours == null)
			break;	
           totalEarn=wage*hours;
		   hoursCount=parseFloat(hours)+parseFloat(hoursCount);
		   totalCount=parseFloat(totalEarn)+parseFloat(totalCount);
		   document.write("Employee Name:  " + name  + BR);
           document.write("Total Earning:  " + totalEarn  + BR+ BR);          	      
	       }
     document.write("Total Hours Worked:  " + hoursCount  + BR); 
     document.write("Total Earnings:  $" + totalCount  + BR);	 
</script&gt;
</body&gt;
</html&gt;



</span></pre>