JSFiddle - React, Tailwind, and code Playground

HTML

<div id="s"></div>
 <p>
 ***
 </p>
 <div id="t" data-txt="this is it\nand done"></div>

JavaScript

var ele = document.getElementById("s");
    var txt = "this is it \n and done";
    ele.innerText = txt;
    
    
    ele = document.getElementById("t");
    txt = ele.getAttribute("data-txt").replace(/\\n/,'<br>'); 
    ele.innerHTML = txt;