JSFiddle - React, Tailwind, and code Playground

HTML

<form action="">
  <div class="parent-block">
    <input type="text" class="name">
    <button class="btn">click</button>
  </div>
  <div class="parent-block">
    <input type="text" class="name">
    <button class="btn">click</button>
  </div>
</form>

JavaScript

let form = document.querySelector('form');
let button = document.querySelector('button');
let input = document.querySelector('input');

form.addEventListener('submit', function(e) {
  e.preventDefault()
  let parentBlock = e.target.closest('.parent-block')
  if (e.target.classList.contains('btn')) {
    let name = parentBlock.querySelector(".name").value;
    console.log(name)
    if (name.length > 2) {
      console.log(false)
    }
  }
})