gtxtymt, а текст откуда берется?
<style>
.circle__item {
width: 100px;
height: 100px;
background: orange;
border-radius: 50%;
margin-bottom: 50px;
float: left;
}
.circle:after {
content: '';
display: table;
clear: both;
height: 0;
}
.text {
width: 300px;
height: 300px;
background: rgba(0, 0, 0, 0.1);
}
</style>
<div class="circle">
<span class="circle__item"></span>
<span class="circle__item"></span>
<span class="circle__item"></span>
</div>
<div class="text"></div>
<script>
var circle = document.querySelectorAll('.circle__item'),
text = document.querySelector('.text');
[].forEach.call(circle, function(item){
item.onclick = function() {
text.innerText = 'Здесь появляется текст!';
};
});
</script>
