I'm new to JavaScript and I'm trying to create an order form on an ecommerce store. I'm familiar with HTML but I'm not really sure where to start with scripting.

I'm trying to make a set of radio buttons open up another menu of radio buttons.

The order form is for custom decals and I need customers to be able to choose a decal shape

I want one set of radio buttons per shape of decals: circle decals, square, custom shape, rectangle, oval etc...

This way when a customer picks lets say... circle decals... another menu displaying the available sizes of circle decals will appear where they can then use radio buttons to select sizes, material type, and quanitity

I would then like the choices they select to calculate the total cost of the order.

I know it will probably be complicated and require a lot of coding but any help would be much appreciated.