JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
</div>

JavaScript

var div = document.getElementById('test');

var postagem = {
  titulo: "bola",
  autor: "cachorro",
  texto: {
    linha: [{
      caractere: [],
      data: []
    }],
    desfazer: [{
      caractere: [],
      data: []
    }]
  }
}

div.innerHTML = div.innerHTML + postagem.titulo;
div.innerHTML = div.innerHTML + postagem.autor;
postagem.texto.linha[0].caractere.push('a');
postagem.texto.linha[0].caractere.push('b');
postagem.texto.linha[0].caractere.push('x');
postagem.texto.linha[0].data.push('dia 45');
div.innerHTML = div.innerHTML + postagem.texto.linha[0].caractere[2];
div.innerHTML = div.innerHTML + postagem.texto.linha[0].data[0];