JSFiddle - React, Tailwind, and code Playground
by Qwerty_Wasd
HTML
<div class="container" style="cursor: pointer">
<p id="par1">Параграф 1</p>
<p id="par2">Параграф 2</p>
<p id="par3">Параграф 3</p>
</div>
JavaScript
let newPar = "Новый параграф";
const container = document.querySelector('.container');
container.onclick = (e) => {
console.log(e);
e.path[0].innerHTML = newPar;
}