<body>
	<div id="primeira">Primeira DIV</div>
	<div id="segunda">Segunda DIV</div>
	<div id="terceira">Terceira DIV</div>
	<button id="botao1">Mostrar Primeira DIV</button>
	<button id="botao2">Mostrar Segunda DIV</button>
	<button id="botao3">Mostrar Terceira DIV</button>
</body>
const primeiraDiv = document.getElementById("primeira");
const segundaDiv = document.getElementById("segunda");
const terceiraDiv = document.getElementById("terceira");
const btn1 = document.getElementById("botao1");
const btn2 = document.getElementById("botao2");
const btn3 = document.getElementById("botao3");
primeiraDiv.style.display = "none";
segundaDiv.style.display = "none";
terceiraDiv.style.display = "none";

btn1.onclick = function () {
	primeiraDiv.style.display = "block";
	segundaDiv.style.display = "none";
	terceiraDiv.style.display = "none";
};

btn2.onclick = function () {
	primeiraDiv.style.display = "none";
	segundaDiv.style.display = "block";
	terceiraDiv.style.display = "none";
};

btn3.onclick = function () {
	primeiraDiv.style.display = "none";
	segundaDiv.style.display = "none";
	terceiraDiv.style.display = "block";
};

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.