Call a function, when a new element gets created

Question

I want to know how many "p" elements exist in this document and want to call a function, when another one gets appended to the body.

when i do the qurtySelectorAll("p").length Method, i only know how many elements are existing right at the moment when i do the Method.
But then, an other element gets created the number upon is wrong.

I want to call a function when a new this number changes.

Please ask, if you do not understand something in this question

https://code.sololearn.com/Wi5BeYtoirGR/?ref=app

Answer 1

Hi Sebay
query selector returns a static nodelist. You want to use getElement by Class/tagname /name which returns a live nodelist, and is kept updated.

Answer 2

Make a counter variable that goes up by 1 everytime you make a new p element

Answer 3

Sebay document.getElementsByTagName("p").length should return the number of p tags

Answer 4

Thx @Mike Choy
Worx

Answer 5

Call your other function inside the elem function

Answer 6

Both ideas are good, but i can not edit the given code
So i am not able to insert a counter, neither a function inside the elem function

This is just an example which should make it easier to understand the question

Answer 7

but then some new elements appear and again i do not got the correct number of p elements