Need help in debugging my JS code

Question

The object ( fading touch effect ) is spawning below the point of touch but if I remove all the text from the body it works well ... To remove a text just click on it... Like Click on my name to remove it and the object will spawn at correct position ....
See the code and help me plz,,
https://code.sololearn.com/Wu28QnV2gzZF/?ref=app

Answer 1

you must add left:0; and top:0; to #dot css rules...

also, I would replace clientX/Y by pageX/Y (support of scrolling) ;)

Answer 2

you could also give your #viewport element a full viewport height, by giving all ancestor 100% height:

html, body, #viewport {
height:100%;
}

or simply by giving height:100vh; to #viewport ^^

Answer 3

Send me an
Code z
Ex to explain well
visph plzzzz

Answer 4

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