JSFiddle - React, Tailwind, and code Playground

by Bohdan Sych

HTML

<div>
            <h2>text2</h2>
            <button class="click">click</button>           
        </div>
        <div>
            <h2>text2</h2>
            <button class="click">click</button>           
        </div>
        <div id="modal">
            <p>text</p>
            <input placeholder="24">
        </div>

JavaScript

but = document.querySelectorAll('div > .click');
but[1].onclick = function(){
  father = this.parentNode;
  a = father.querySelector('h2').innerHTML;
  document.querySelector('div#modal input').value = a;
};