JavaScript by Example

Adding the current time to the widget

We are still missing time in our widget. Unlike other values, time does not depend on the HTTP request but it needs to be updated every second automatically. In your weather class, add the following method:

displayTime() {  const date = new Date();  const displayTime = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;  const $time = this.$shadowRoot.querySelector('#time');  $time.textContent = displayTime;}

The displayTime() method does the following:

• A date object is created using the new Date() constructor. The new Date() constructor creates a date object with all the details regarding the date and time passed as parameters. If no parameters are passed, it will create an object containing ...