In this week$$s Critical Thinking Assignment, you$$ll continue working with the tuba.js and tractor.htm files from the chapter. You$$ll add error handling to the verifyCrops$()$ function so users receive an error message if they remove checkmarks from all the crop boxes.

Use the file manager for your operating system to copy all the files and subfolders from the Chapter$04$ Download Chapter$04/$Chapter directory in your Data Files, and paste them in the Chapter$04/$ HandsOnProject$4-1$ folder. Verify that you still have a copy in the Chapter$04/$Chapter directory.

In your text editor, open tuba.js from the Chapter$/$HandsOnProject$4-1$ folder, and then in the comment section, replace the text $$Chapter case$$ with Hands$-$on Project $4-1.$

Scroll down to the verifyCrops$()$ function, and then delete the line testFormCompleteness$()$; so the command block is empty.

Enter the following try statement within the command block of the verifyCrops$()$ function:

$1$ try $\{$

$2$ for $($var I $=0$; i $<7$; i$++)\{$

$3$ if $($cropsFieldset$.$getElementsByTagName $("$input$")[$i$].$checked$)\{$

$4$ cropscomplete $=$ true;

$5$ messageElement.innerHTML $=""$; $//$ clear previous message or recommendation

$6$ testFormCompleteness $()$;

$7$ i $=8$;

$8\}$

$9\}$

$10$ if $($i$)===7)\{$

$11$ throw "Please select at least one crop.";

$12\}$

$13\}$

Note that the code shown in Steps $4$ and $5$ is not free of bugs. You will debug the code later in the next project.

Below the try statement but before the closing $\}$ of the verifyCrops$()$function$,$ add the following catch$()$ statement:

$1$ catch $($message$)\{$

$2$ cropsComplete $=$ false;

$3$ messageHeadEleemnt.innerHTML $=""$; $//$ remove any former recommendation heading

$4$ messageElement.innerHTML $=$ message; $//$ display error message

$5\}$

Scroll to the top of the document, and then change the values for the variables acresComplete, cropsComplete, and monthsComplete to false. Note that the value for the fuelComplete variable should remain true.

Save your changes to js$,$ and open tractor.htm in a browser, and then test the crops boxes by selecting some and then unselecting all of them. Notice that an error message is displayed when no crops boxes are checked, as shown in Figure $4-30,$ and the message is removed when any crops box is checked.Figure $4-30$: Error message displayed; Screen capture that shows a green background with a farm tractor in the left hand navigation bar;

Close the tractor.htm file in your browser.

Submission Requirements:

Your paper$/$submission should meet the following requirements: