JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div_top1" class="top">This is a paragraph.</div>
<div class="down"><button type="button" onclick="changediv()">Display Date</button></div>

CSS

.top {               
    background-color: navy;    
    color: white;
    padding: 10px 10px 10px 10px;   
    margin: 5px 5px 5px 5px;                                 
}

.down {             
    background-color: aqua;
    padding: 10px 10px 10px 10px;
    margin: 5px 5px 5px 5px;        
}

JavaScript

function changediv()
{   
    
    if (document.getElementById("div_top1")) {
//document.getElementById("div_top1").innerHTML=Date();          
        document.getElementById("div_top1").setAttribute("id", "div_top2");
    }
    else {
        document.getElementById("div_top2").innerHTML="teste";            
        document.getElementById("div_top2").setAttribute("id", "div_top1");
    }


}