Hi there, it's time to do our fourth list of exercises.
So, as usual, I'm just going to read all the questions to you, give you a few tips, and then you
can go ahead and solve it.
So no one in e commerce website has two types of shipments.
So there's the standard shipment, which takes seven days and the express shipment, which takes three
days.
So what I want you to do here, any time you change something so let's say I choose Express.
I want you to update the information below so you need to fill in the order date.
By getting the current date, then you need to calculate what is going to be the expected date of delivery
considering the lead times, and you also need to fill in the delivery fee, the lead time and delivery
fee you can get from this object.
So before starting the exercise, you can just copy this to your code so you can get the information
you need to.
Other important things are the date format.
I want you to use the ISO date format, which is this one.
So year, month and day.
And also I want you to show the fee with two decimal places.
So to do this, pay attention to how this element is built.
So if you inspect it, you will see that the options, they have values.
So if you see this one, it has the value of standard, which is exactly the same name of this object's
property.
So try to think how you can use this to access the information you want here so you can do all the calculations
necessary and fill in the information.
So this is number one.
Number two is similar update the product name, price and image when changing the selected option.
So this time we have a few radio buttons.
So when we change anything here, I want you to update the image, name and price.
So here, I also want you to show the price with two decimal places, and I also want you to include
the currency.
So here you have the object where you will get all that information.
So for each of the options here, I'm giving you the name of the product you need to use the price,
the currency and also the image you are out.
So, again, inspect these radio buttons, try to understand how is their structure.
So here you can see that you have the values.
So this value is the same as the object properties.
So try to think how you can get this and then get the information you want to update this element.
Number three, make the stopwatch blow work, the format is in hours, minutes, seconds and milliseconds.
So this is similar to what we've done with the clock, but this is much more complex because now we
need to track how much time has passed so we can update this element.
We also have the start and stop button and the reset button.
So this is going to be a bit harder.
But don't worry, just take your time if you want.
Do some research on how people solve this problem using JavaScript.
And after you're finished, you can just come back here to see the solution.
So good luck and I'll see you in the next video.