PochemuIKak

Нашел решение проблемы, которое мне кажется идеальным. Теперь вместо h1.title ----- <h1 className="title"></h1> я получаю <h1 className={styles.title}></h1>. Все что нужно сделать это:
1) В setting.json файл добавить

"emmet.syntaxProfiles": {
    "jsx": {
      "markup.attributes": {
        "class*": "className",
      }
    }
  },

2) Писать вместо h1.tile ----- h1..title (+1 точка)

Минусом такого решение является то, что когда вы раньше писали h1..title у вас вместо className появлялся styleName, а теперь styleName появляться не будет (сам никогда не пользовался им, поэтому без понятия зачем он нужен). Да и в принципе если хорошенько покопаться в настройках его также можно вывести с другим префиксом.

Тут 2 варианта: либо вы сохраняете где-либо значение счётчика (например в localStorage), а при переходе на другую страницу в js файле получаете его и заносите в счётчик, либо делаете все вопросы на 1 странице. Почему? Потому что при переходе на другую html страницу весь код js стартует по новой.

// на первой странице
localStorage.setItem('counter', count);
// на другой странице
count = localStorage.getItem('counter');