JSFiddle - React, Tailwind, and code Playground

HTML

<div class="targetOne">
   Target 1
</div>

<div class="targetTwo">
   Target 2
</div>

JavaScript

var view = {
	init(){
    const targetOne = document.querySelector(".targetOne"); 
    const targetTwo = document.querySelector(".targetTwo"); 
    var val = "outer scope";
    
    targetOne.addEventListener('click', (e) => {
      console.log('target one', val)

    });
    targetTwo.addEventListener('click', this.handleEvent);
  },
  
  handleEvent(e) {
		console.log('targetTwo ', val);
	}
}

view.init();