Как поменять при клике классы и при повтором вернуть все обратно?

Здесь все работает, но у меня вылезает ошибка TypeError: Cannot read property 'addEventListener' of null
Что-то не успевает отрисоваться?
Задержка не помогает

Как поменять при клике классы и при повтором вернуть все обратно?

В песочнице все работает, но у меня ошибка появляется

TypeError: Cannot read property 'addEventListener' of null

Я так понимаю, что-то код срабатывает до загрузки какого-то элемента
Задержка тоже не помогает.
Можете помочь?

Как при нажатии на чекбокс менять его текст?

Но все равно не работает даже так :(

Как сделать, чтобы при нажатии на каждый из блоков появлялся свой контент?

opacity:0; занимает место на сайте все равно. Мне нужно добиться того, чтобы при загрузке страницы все элементы были скрыты. Это просто как карточки/каталоги на сайте. Нажимаешь на любой -- появляется поверх какое-то окошко, которое соответствует этой карточке. Как это вообще называется, чтобы можно было погуглить?

Как заполнить большую матрицу числами?

Есть массив/коллекция чисел, нужно просто перекинуть их в случайном порядке или подряд в матрицу.

Как двигаться после основ?

edward_freedom, Да, поэтому и хочу подтянуть js.

Как двигаться после основ?

edward_freedom, Знаю больше основ.

Как подключить скрипт на чистом js к react?

Denioo, Спасибо вам. Долго мучился...

Как подключить скрипт на чистом js к react?

McBernar, если я подключу к html мне надо запускать index.html? Я запускаю jsx на локалхосте -- не видит скрипт, который нужен.

Как подключить скрипт на чистом js к react?

Denioo, ну это ладно, не заметил просто
но все равно не работает
никакой ошибки, просто не срабатывает, словно его и нет

Как подключить скрипт на чистом js к react?

Обращаться к нему не надо. Как обычный скрипт в индексном файле -- это как? Подключить к index.html?

Как подключить скрипт на чистом js к react?

Denioo, можете посмотреть, так неправильно?

let Tab = function () {
    let tabNav = document.querySelectorAll('.nav'),
        tabContent = document.querySelectorAll('.block'),
        tabName;

    tabNav.forEach(item => {
        item.addEventListener('click', selectTabNav)
    });

    function selectTabNav() {
        tabNav.forEach(item => {
            item.classList.remove('active');
        });
        this.classList.add('active');
        tabName = this.getAttribute('data-target');
        selectTabContent(tabName);
    }

    function selectTabContent(tabName) {
        tabContent.forEach(item => {
            item.classList.contains(tabName) ? item.classList.add('active') : item.classList.remove('active');
        })
    }
};

Tab();

export default Tab;

import React from "react";
import Tab from './script.js';


Tab();

const Buttons = () => {
    return (
        <div className="in-time">
            <div className="block-week-month-date">
                <button className="nav active" data-target="tab-1">неделя</button>
                <button className="nav" data-target="tab-2">месяц</button>
                <Tab />
                <button className="button-data">дата</button>
            </div>
            <Data datetime='19 марта — 23 июня'/>
            <Data datetime='24 июня — 26 июля'/>
        </div>
    )
}

ReactDOM.render(
    <Buttons />,
    document.getElementById('root')
);

Как подключить скрипт на чистом js к react?

Denioo, а где мне обращаться к нему через название? например если надо подключить табы на js.