Answer 1

that sounds like a non-updated 'pressed' at time of calling countBombs... you could try to introduce some delay before calling click handler:

setTimeout(() => c.click(),100);

you may try different delays (minimal delay is around 4ms) however, this will introduce some display delay, so you'll need to not give too much delay, or store cell pressed state as an external array rather than on element classList ;)

Answer 2

I cannot reproduce your bug... and I do not see in your code what could produce a call stack overflow, as you are checking if 'pressed' was set to cell before calling its click handler (and set is done before calling countBombs in cellClickHandler)...

Answer 3

no, I'm quite surprising that you cannot do it without a timeout...

but as already said, using timeout is a quick fix, and you'll be advised to store pressed states outside of elements to prevent this kind of issue ;)

Answer 4

anyway, you could try to store such state as 'dataset' on element (maybe it will be updated as soon as assigned), as dataset are used to store user defined attributes on elements (while class may be refreshed only on reflow/repaint)...