<img id='sample_img' data-flg="before" src="https://placehold.jp/3d4070/ffffff/150x150.png" alt="sample">  

// 画像の取得
const sample_img = document.getElementById('sample_img');

// 画像切り替えイベントの設定
sample_img.addEventListener('click', function (e) {
  
  // 変更前の画像の場合、以下を行う
  if(sample_img.dataset.flg === 'before'){

    // 画像を変更後の画像に切り替える
    sample_img.src='https://placehold.jp/43703e/ffffff/150x150.png';
    
    // 画像表示フラグを変更後に切り替える
    sample_img.dataset.flg = 'after';

  // 変更後の画像の場合、以下を行う
  } else {

    // 画像を変更前の画像に切り替える
    sample_img.src='https://placehold.jp/3d4070/ffffff/150x150.png';

    // 画像表示フラグを変更前に切り替える
    sample_img.dataset.flg = 'before';
  }
});