Question
Your task: This assignment is to get you familiar with forms and form validation. Design, a very basic HTML web page with both form tags
Your task: This assignment is to get you familiar with forms and form validation. Design, a very basic HTML web page with both form tags and a JavaScript code that will allow the user to calculate the Volume for a cylinder, sphere or cone and output the results in either English or SI units. The web page must:
(1) Allow the user to select either English or SI units with the use of a radio button selection.
(2) Allow the user to select the shape with a pull down menu
(3) Allow the user to enter the radius and height values in separate text box
(4) Once the data is collected have a button tag that will activate a JavaScript that will read the form data and return the input data. The Units and shape selection should be displayed as shown below.
(5) The Shape, radius and height data must be displayed in a table.
(6) The script should calculate the Volume based on the input data and display these results in the table.
Here is a sample page as a guide
HTML form Tag
This web site will find the volume for a Cylinder, Sphere or Cone
Select the units (English or SI) English SI
Select the shape ConeCylinderSphere
Enter the radius : For a cylinder and cone enter the height :
Click to calculate Result
Results
You selected to use English units You selected to find the value of a Cone shape
but I dont know how to display input data or in the table. I would like to display the proper input data between
. I already attempted several ways, but it made error. please help me. I would like to make that as above the image Your task: This assignment is to get you familiar with forms and form validation, Design, a very besic HTML web page with both form tags and a JavaScript code that will allow the uscr to calculate the Volume for a cylinder, sphere conc and output the results in cither English or SI units. The wcb page should (1) Allow the user to select cither English or SI units with the use of a radio button selection. (2) Allow the user to select the shape with a pull down menu (3) Allow the user to enter the radius and height values in separate text box (4) Once the data is collected have a button tag that will activate a javascript that will read the form data and return the input data. The Units and shape selection should be displayed as shown below. (5) The Shape, radius and height data must be displayed in a table. (6) The script should calculate the Volume based on the input data and display these results in the table. Here is a sample printout as a guide. This web site will find the volume for a Cylinder, Sphere or Cone Select the units English or ST Select the shape Cone Einter the eadas 2 For the cyindet and cone Enner the heighe 2 Results You selected to sse Eriatish tnrts Shape Radves Heght Volume th 3) Your task: This assignment is to get you familiar with forms and form validation, Design, a very besic HTML web page with both form tags and a JavaScript code that will allow the uscr to calculate the Volume for a cylinder, sphere conc and output the results in cither English or SI units. The wcb page should (1) Allow the user to select cither English or SI units with the use of a radio button selection. (2) Allow the user to select the shape with a pull down menu (3) Allow the user to enter the radius and height values in separate text box (4) Once the data is collected have a button tag that will activate a javascript that will read the form data and return the input data. The Units and shape selection should be displayed as shown below. (5) The Shape, radius and height data must be displayed in a table. (6) The script should calculate the Volume based on the input data and display these results in the table. Here is a sample printout as a guide. This web site will find the volume for a Cylinder, Sphere or Cone Select the units English or ST Select the shape Cone Einter the eadas 2 For the cyindet and cone Enner the heighe 2 Results You selected to sse Eriatish tnrts Shape Radves Heght Volume th 3)Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started