to make a clock with javascript
I used
new Date() object
which returns me " Tue Aug 15 2023 00:00:51 GMT+0900 " this information.
and used method
getHours(), getMinutes(), getSeconds() to get each elements.
<pre><code class="lang-javascript">const clock = document.querySelector("h2#clock");

function getClock() {
 const date = new Date();
 const hours = String(date.getHours()).padStart(2, "0");
 const minutes = String(date.getMinutes()).padStart(2, "0");
 const seconds = String(date.getSeconds()).padStart(2, "0");
 clock.innerHTML = `${hours}:${minutes}:${seconds}`;
}
getClock();
setInterval(getClock, 1000);
</code></pre>
and for the end, I used setInterval to make it sure this function happens every single second.
<h3 id="heading-padstart">#padStart</h3>
to show time as digital clock (ex. 00:00:00 )
I used padStart(2, "0").
"1".padStart(2, "0"); -&gt; "01"

to make a clock with javascript

I used

new Date() object

which returns me " Tue Aug 15 2023 00:00:51 GMT+0900 " this information.

and used method

getHours(), getMinutes(), getSeconds() to get each elements.

```javascript
const clock = document.querySelector("h2#clock");

function getClock() {
    const date = new Date();
    const hours = String(date.getHours()).padStart(2, "0");
    const minutes = String(date.getMinutes()).padStart(2, "0");
    const seconds = String(date.getSeconds()).padStart(2, "0");
    clock.innerHTML = `${hours}:${minutes}:${seconds}`;
}
getClock();
setInterval(getClock, 1000); 
```

and for the end, I used setInterval to make it sure this function happens every single second.

### #padStart

to show time as digital clock (ex. 00:00:00 )

I used padStart(2, "0").

"1".padStart(2, "0"); -&gt; "01"

Making a clock with " setInterval " and padStart

#padStart