clica e muda texto na DIV

A maneira mais fácil é com jQuery

<div id="content">
 <button id="botao1">Botão 1</button>
 <button id="botao2">Botão 2</button>
 <button id="botao3">Botão 3</button>
 <div id="divmain"></div>
</div>

//Caso queira somente 1 texto aparencendo por vez

$("#botao1").on("click", function(){
	$("#divmain").text("Cliquei no botão 1");
});

//Caso queira que os seja mostrado todos os textos gerados pelo botão, de forma crescente(1º texto acima e último texto abaixo)

$("#botao2").on("click", function(){
	$("#divmain").append("Cliquei no botão 2");
});

//Caso queira que os seja mostrado todos os textos gerados pelo botão, de forma descrescente(útlimo texto acima e 1º texto abaixo)

$("#botao3").on("click", function(){
	$("#divmain").prepend("Cliquei no botão 3");
});

	Caso queira testar é só entrar nesse link [https://jsfiddle.net/0yzjj760/11/](https://jsfiddle.net/0yzjj760/11/)

Como complemento a resposta do @JulinhoooO não é difícil fazer algo semelhante somente com JavaScript vanilla.

<div id="content">
 <button id="botao1">Botão 1</button>
 <button id="botao2">Botão 2</button>
 <button id="botao3">Botão 3</button>
 <div id="divmain"></div>
</div>

<script>
var divMain = document.getElementById("divmain");

//Substitui o conteúdo

document.getElementById("botao1").onclick = function(){
 divMain.innerHTML = "Cliquei no botão 1";
};

//Adicionada o conteúdo no final

document.getElementById("botao2").onclick = function(){
 divMain.innerHTML += "Cliquei no botão 2";
};

//Adiciona o conteúdo no inicio

document.getElementById("botao3").onclick = function(){
 divMain.innerHTML = "Cliquei no botão 3" + divMain.innerHTML;
};
</script>

	O código acima pode ser testado em [https://jsfiddle.net/jhd8exqj/5/](https://jsfiddle.net/jhd8exqj/5/).

obrigado pelo retorno colegas, julinho e whapx.

grato pelas informações,

em seguida posto meu código.