JSFiddle - React, Tailwind, and code Playground

HTML

<div class="number">
	<div id="one"></div>
	<div id="two"></div>
	<div id="three"></div>
</div>
<div class="field">
	<div id="1">1</div>
	<div id="2">2</div>
	<div id="3">3</div>
</div>

CSS

.field,
.number{
  display:flex;
  gap: 5px;
}
.field>div{
  padding: 10px;
  background-color: blue;
}

JavaScript

let divNumber = document.querySelector(".field");
divNumber.addEventListener("click", clickOnNumber);
function clickOnNumber(ev){
	let et = ev.target;
	document.querySelector(".number").children[et.textContent-1].textContent = et.textContent;
}