JSFiddle - React, Tailwind, and code Playground

HTML

<p id="nome1" class="nome">Dinossauro</p>
<p id="nome2" class="nome">Tubarao</p>
<p id="nome3" class="nome">Ornitorrinco</p>
<p id="nome4" class="nome">Gralha</p>

<p id="recebe"></p>

JavaScript

var nomes = document.querySelectorAll('.nome');
for (var i = 0; i < nomes.length; i++) {
    nomes[i].addEventListener('click', buscarNome)
}

function buscarNome() {
    var texto = this.textContent;
    var campoRecebe = document.querySelector("#recebe");
    campoRecebe.textContent = texto;
    console.log(texto);
}