JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <button id="btn2015" class="btn">2015</button>
    <button id="btn2014" class="btn">2014</button>
    <button id="btn2013" class="btn">2013</button>
    <button id="btn2012" class="btn">2012</button>
</div>
<div id="conteudo"></div>

JavaScript

var imagens = ['imagem_piscina_2015.jpg',
    'imagem_sala_2015.jpg',
    'imagem_escrito_2015.jpg'];

function criarImagem(nr) {
    return imagens.map(function (src) {
        var img = document.createElement('img');
        img.src = src.split('2015').join(nr);
        return img;
    });
}
$('button').on('click', function () {
    var ano = this.id.slice(3);
    $('#conteudo').html(criarImagem(ano));
});