JSFiddle - React, Tailwind, and code Playground

by anatooly

HTML

<div class="block-1">
  <h3>Caption</h3>
  <p>Paragraph</p>
  <img class="bg-image" src="http://placehold.it/120x120&text=image1" />
</div>

<div class="block-2"></div>

CSS

h3 {
  margin: 0;
  padding: 0;
}

.block-1 {
  background: green;
  width: 270px;
  height: 200px;
}

.bg-image {
  border: 1px solid #000;
}

.block-2 {
  background: yellow;
  width: 1170px;
  height: 200px;
}

JavaScript

var $block1 = document.querySelector('.block-1');

$block1.addEventListener('click', function () {
    document.querySelector('.block-2').innerHTML = $block1.innerHTML;
});