Вывод текста при нажатии на картинку
 

Добрый вечер.

Нужно чтобы при нажатии на картинку в нужном месте выводился текст. Как это можно реализовать?

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>

Текст можно там же вписывать. Спасибо.