Как изменить значение внутри тега, используя метод класса на чистом JavaScript?

Благодарю за ответ! А как быть мне с обработчиком? как мне его правильно повесить, но только один раз?

точно ли надо перерисовывать компонент вообще?

Я только учусь и поэтому не всегда вижу правильные и красивые моменты реализации и не всегда знаю, как будет правильно)
Я думал, чтобы обратиться к тегу через querySelector и изменить текстКонтент... но я думал может как-то можно сделать другим способом)

Как изменить значение внутри тега, используя метод класса на чистом JavaScript?

Игорь Махов, Благодарю за ''конструктивный коммент" ) я приму его к сведению и обязательно выучу Реакт, только чуть попозже) а сейчас же мой вопрос не про реакт... Ах да, не написал. я только учусь и это просто учебный проект ;)

Почему неверно устанавливается позиция скролла (React.js)?

я просто думал, что используя useEffect(() => {}), я не встречусь с такой проблемой и использовать тайм-аут не придется)

Почему неверно устанавливается позиция скролла (React.js)?

Вы гений)... сработало. приехало в нужный элемент.
...сижу и думаю, почему я не догадался поставить тайм-аут и посмотреть...
Я так понимаю, использовать такой трюк с тайм-аутом не очень хорошо? как его можно обойти?
я просто только начал разбираться в реакте )