clica e muda texto na DIV

[marcelocardoso 6]

hei pessoal!
como posso criar no código abaixo, o seguinte:
1) botões com ações de (clica no botao 1, aparece texto na div MAIN);
2) assim sucessivamente para uns 10 botões, sempre aparece na MAIN div, troca o texto a medida que for clicando em outros botões);

Qual seria a melhor ideia para isso, CSS, JQ? uso de APPEND, PREPEND, qual a melhor saída para isso.
Exemplos de didática, agradeço.

Até....

[Julio Cavallari 3]

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/

[HwapX 20]

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/.

[marcelocardoso 6]

obrigado pelo retorno colegas, julinho e whapx.
grato pelas informações,
em seguida posto meu código.