Make the balloons pop by hovering over them. Extend the JavaScript code below to interact with the displayed HTML elements. Every time you hover over a balloon, it should become invisible. Your goal is to pop all the balloons one after the other.

HTML snippet

<ul id="list">
	<li/>
	<li/>
	<li/>
	<li/>
	<li/>
	<li/>
	<li/>
	<li/>
	<li/>
	<li/>
</ul>

JavaScript snippet

const listItems = document.querySelectorAll('<select all list elements here>');

for (let i = 0; i < listItems.length; i++) 
  listItems[i].addEventListener('<guess the proper event to listen to>', () => {
    
  });
}

Preview