Как показать взаимосвязь полей формы?

Алексей Уколов, очередная хотелка клиента, смысла в которой я особо не вижу, но которую надо сделать.

Как показать взаимосвязь полей формы?

alexalexes, это логично, но каждое из полей должно быть доступно всегда.

Как показать взаимосвязь полей формы?

Ankhena, да, вы правы.

Как показать взаимосвязь полей формы?

Вопрос не в этом. А в том, что одно поле "главное", а другое "зависимое", и надо эту зависимость как-то визуально показать.

Как показать взаимосвязь полей формы?

Михаил Р., подумайте об этом так: если не заполнено предыдущее поле, следующее не доступно. Только в моём случае заполнять можно в каком угодно порядке, но при этом надо как-то визуально обозначить, что существует некая иерархия.

Как правильно работать с DOM-элементами в JS?

Ещё вопрос вдогонку. Правильно ли я понимаю, что следующая проверка длины излишняя, если в дальнейшем планируются использоваться исключительно методы или свойства NodeList?

function handleButtons() {
  const buttons = document.querySelectorAll('.btn');

  if (!buttons.length) return; // строка лишняя, так как forEach на пустом NodeList не выбрасывает исключений

  buttons.forEach(...);
}

Как правильно работать с DOM-элементами в JS?

То есть по сути всё сводится к использованию оператора опциональной последовательности. Ок.

Как подключить библиотеку?

Для того чтобы в Node.js использовать import перейдите в файл package.json и добавьте вот это:
"type": "module"
но тогда вы уже не сможете импортировать через require, только через import,

Возможность подключать через require остаётся — надо лишь изменить расширение файла с .js на .cjs.

Не работает event.target.id !== 'id'. В чем ошибка?

У тебя проверка, что event.target.id !== 'targ-vw', внутри блока с условием, что event.target.id === 'targ-vw', поэтому она никогда не произойдёт.
P.S. После закрывающих фигурных скобок блока if не надо ставить ;.

Что по итогу возвращают функция fetch() и метод json()?

по средствам вызова своей внутренней функцию

посредством вызова своей внутренней функции

Как реализовать такую шапку на чистом js?

Эту часть

window.pageYOffset > 100 ? header.classList.add('sticky') : header.classList.remove('sticky')

можно сократить до

header.classList.toggle('sticky', window.pageYOffset > 100);

Какие lazy load-плагины для изображений лучше?

Да, дополнил ответ.

Как исправить ошибку при сборке bulma с помощью Webpack?

const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const PurgecssPlugin = require('purgecss-webpack-plugin');
const isDev = process.env.NODE_ENV === 'development';
const isProd = !isDev;

const plugins = [
  new MiniCssExtractPlugin({
    filename: 'assets/css/style.css'
  }),
  new HtmlWebpackPlugin({
    template: "./src/index.html"
  })
];

if (isProd) {
  plugins.push(
    new PurgecssPlugin({
      paths: glob.sync(`${path.join(__dirname, 'dist')}/**/*`,  { nodir: true }),
    })
  );
}

module.exports = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'assets/js/bundle.js'
  },
  module: {
    rules: [{
      test: /\.scss$/,
      use: [
          MiniCssExtractPlugin.loader,
          {
            loader: 'css-loader'
          },
          {
            loader: 'sass-loader',
            options: {
              sourceMap: true,
              // options...
            }
          }
        ]
    }]
  },
  plugins: plugins
};

Как исправить ошибку при сборке bulma с помощью Webpack?

Можно. Надо задать переменную окружения. Например, установить модуль cross-env и в package.json в команде сборки для дева указать запись cross-env NODE_ENV=development, для прода соотвественно cross-env NODE_ENV=production:

"scripts": {
    "dev": "cross-env NODE_ENV=development webpack serve --config webpack/webpack.config.babel.js --mode development",
    "prod": "cross-env NODE_ENV=production webpack serve --config webpack/webpack.config.babel.js --mode production"
  }

Затем использовать так:

const isDev = process.env.NODE_ENV === 'development';
const isProd = !isDev;

if (isProd) {
// Используем PurgeCSS.
}

Как исправить ошибку при сборке bulma с помощью Webpack?

Леонид Роженцев, если помог, жмите "Отметить решением".

Как увеличить отступы в сайдбаре vscode?

Сергей Бурдужа, правильно "тёзка".

Как увеличить отступы в сайдбаре vscode?

Сергей Бурдужа, File > Preference > Settings > Workbench > Appearance > Tree: Indent

Меню из Bootstrap Offcanvas. Как скрывать при клике на пункт меню?

Если удовлетворяет поддержка браузерами свойства type="module", то попробуйте так.
Иначе надо воспользоваться сборщиком, например, Webpack.

Как уменьшить количество операций?

Дмитрий Беляев, каким образом вы оцениваете сложность? Где можно почитать об этих формулах?

Как уменьшить количество операций?

WbICHA, это гениально:) Я фильтровал, убирая префиксы, а можно было добавить их значениям целевого массива и вернуть отсутствующие записи. Спасибо!