1000 event listners got created in this code?

[sqllyw]

Hi,

with following code, does Alpine call addEventListener() 1000 times? not a good practice when the number is getting big?

 <div x-data="">   
    <template x-for="i in 1000">
    <span x-text="i" x-on:click="alert(i)"></span>
    </template>
    
  </div>
  

[KevinBatdorf]

not a good practice when the number is getting big?

That's correct, it's probably not a good idea to write your code like that. Instead you can do something like this:

 <div x-data="" x-on:click="alert($event.target.textContent)">   
    <template x-for="i in 1000">
    	<span x-text="i"></span>
    </template>
</div>