JSFiddle - React, Tailwind, and code Playground

HTML

<button id="foo">pew!</button>

<div id="sync1" class="owl-carousel">
  <div class="item"><h1>1</h1></div>
  <div class="item"><h1>2</h1></div>
  <div class="item"><h1>3</h1></div>
</div>

И есть второй блок div
<div id="sync2" class="owl-carousel">
  <div class="item"><h1>A</h1></div>
  <div class="item"><h1>B</h1></div>
  <div class="item"><h1>C</h1></div>
</div>

JavaScript

foo.onclick = ()=>sync2.innerHTML = sync1.innerHTML