JSFiddle - React, Tailwind, and code Playground

by Tien Tran

HTML

<div class="demo-bound">
  <div class="demo-top">
    <div class="list-icon">
      <img src="https://cdn2.iconfinder.com/data/icons/lin/128/1.png">
      <img src="https://cdn2.iconfinder.com/data/icons/lin/128/2.png">
      <img src="https://cdn2.iconfinder.com/data/icons/lin/128/3.png">
    </div>
  </div>
  <div class="demo-bottom">
  <div id="result"><img src="https://cdn4.iconfinder.com/data/icons/social-media-2037/842/instagram-128.png"></div>
  </div>
</div>

JavaScript

jQuery(document).ready(function(){
	jQuery('.list-icon>img').click(function(){
  	var _src = jQuery(this).attr('src');
    jQuery('#result>img').attr('src',_src);
  });
});