JSFiddle - React, Tailwind, and code Playground

HTML

<div id="data">..
      </div>
    <div>
        <span id="Clock">...</span>
      </div>

CSS

#Clock {
        color:blue;
        font-size:15px;
}

JavaScript

setInterval(function() {
var Hoje = new Date();
var Horas = Hoje.getHours();
if(Horas < 10){
         Horas = "0"+Horas; }
var Minutos = Hoje.getMinutes();
if(Minutos < 10){
         Minutos = "0"+Minutos; }
var Segundos = Hoje.getSeconds();
if(Segundos < 10){
         Segundos = "0"+Segundos;
}
document.getElementById("Clock").innerHTML = Horas+":"+Minutos+":"+Segundos;
}, 1000);

/** Agora a data **/

var date = new Date();
var d  = date.getDate();
var day = (d < 10) ? '0' + d : d;
var m = date.getMonth() + 1;
var month = (m < 10) ? '0' + m : m;
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;

document.getElementById("data").innerHTML = " Hoje são " + day + " de " + month + " de " + year + " ";