0xD34F

mapTypeControl: false,
streetViewControl: false,
zoomControl: false,

Абсолютное позиционирование убрать, родительскому элементу добавить

flex-direction: column;
justify-content: space-around;

Прочитать файл, распарсить json, установить пустой массив в качестве значения интересующего вас свойства, превратить объект в json, записать файл.

$('select').change(function() {
  const v = this.value;
  $('.sum').text($(`.element${v === '*' ? '' : `.${v}`}`).length);
});

или

document.querySelector('select').addEventListener('change', e => {
  const v = e.target.value;
  const s = '.element' + (v === '*' ? '' : '.' + v);
  document.querySelector('.sum').textContent = document.querySelectorAll(s).length;
});

Добавляете элементам data-атрибуты, в зависимости от того, за какую часть имени отвечают их значения. Слушаете событие input - собираете значения, из значений собираете имена. Как-то так:

<select data-prop="type">
  <option hidden></option>
  <option value="type1">hello, world!!</option>
  <option value="type2">fuck the world</option>
  <option value="type3">fuck everything</option>
</select>
<br>
<input placeholder="name1" data-prop="name">
<input placeholder="name2" data-prop="name">
<input placeholder="name3" data-prop="name">
<br>
<input placeholder="url1" data-prop="url">
<input placeholder="url2" data-prop="url">
<input placeholder="url3" data-prop="url">
<br>
<input class="value" disabled>
<input class="value" disabled>
<input class="value" disabled>

const getValues = prop =>
  Array.from(document.querySelectorAll(`[data-prop="${prop}"]`), n => n.value);


document.addEventListener('input', e => {
  if (!e.target.dataset.prop) {
    return;
  }

  const type = getValues('type')[0];
  const names = getValues('name');
  const urls = getValues('url');

  document.querySelectorAll('.value').forEach((n, i) => {
    n.name = n.value = `xxx[${type}][${names[i]}][${urls[i]}]`;
  });
});

array_filter(array_map(function($n) {
  return $n->business->id ?? null;
}, $arr))

Всё вызывается.

Обновление стейта производится не сразу же после вызова setState. Так что когда вы в методе setTimer последовательно вызываете методы setState и countTime, последний имеет дело со старым значением state.sec.

Как добиться желаемого поведения... Нужная вам информация есть в документации.

Достаточно добавить один символ... Или убрать. Вот здесь:

if (item.innerText === currentPage) {

Одно значение является строкой, другое числом. Число строке не может быть равно. Так что или выполняйте сравнение с приведением типов:

item.innerText == currentPage

Или превращайте строку в число явным образом:

+item.innerText === currentPage

Это если по-быстрому исправить то, что есть. Но вообще, я бы всё переписал:

document.body.insertAdjacentHTML('beforeend', `
  <div class="container">
    <table>
      <thead>
        <tr>${keys.map(k => `
          <th>${k}</th>`).join('')}
        </tr>
      </thead>
      <tbody></tbody>
    </table>
    <div class="pagination"></div>
  </div>
`);

const tableEl = document.querySelector('.container table');
const paginationEl = document.querySelector('.container .pagination');

paginationEl.addEventListener('click', ({ target: t }) =>
  t.matches('a') && showPage(+t.textContent)
);

function showPage(page) {
  paginationEl.innerHTML = Array
    .from(
      { length: Math.ceil(data.length / rows) },
      (_, i) => `<a${-~i === page ? ' class="active"' : ''}>${-~i}</a>`)
    .join('');

  tableEl.tBodies[0].innerHTML = data
    .slice(~-page * rows, page * rows)
    .map(n => `
      <tr>${keys.map(k => `
        <td>${n[k]}</td>`).join('')}
      </tr>`)
    .join('');
}

showPage(1);

погуглите, что такое комплексные числа

Нет такого атрибута - transform. Это должно быть свойство style:

:style="{ transform: computedMatrix }"

Запятую добавьте: for i, in [[1],[2]]:.

Кого надо проверить: const $inputs = $('.input_1');.

Проверяем:

Array.from($inputs).forEach(n => console.log(n, n.value ? 'я заполнен' : 'я пуст'));

console.log($inputs.get().some(n => n.value) ? 'кто-то заполнен' : 'все пустые');

console.log($inputs.toArray().every(n => n.value) ? 'все заполнены' : 'кто-то пуст');

console.log(Array.prototype.filter.call($inputs, n => n.value), 'мы заполнены');

console.log([...$inputs.not((i, n) => n.value)], 'мы пустые');

const groupedArr = useMemo(() => {
  return Object.values(arr.reduce((acc, { dt, weather }) => {
    const [ date, time ] = dt.split(' ');
    acc[date] = acc[date] || { date, weather: [] };
    acc[date].weather.push({ time, weather });
    return acc;
  }, {}));
}, [ arr ]);

<ul>{groupedArr.map(n => (
  <li>
    <h3>{n.date}</h3>
    <ul>{n.weather.map(m => (
      <li>
        {m.time} - {m.weather}
      </li>))}
    </ul>
  </li>))}
</ul>

function getDateInTimeZone(utcOffset, date = new Date()) {
  const utcTime = date.getTime() + date.getTimezoneOffset() * 60000;
  return new Date(utcTime + utcOffset * 3600000);
}


const moscowDate = getDateInTimeZone(3);
const newYorkDate = getDateInTimeZone(-5);
const tokyoDate = getDateInTimeZone(9);

Это конечно круто - публиковать код, не говоря при этом ни слова о том, что он делает, и просить найти в нём косяки. Поступлю симметрично: вот вам код рабочий - сравнивайте со своим, думайте:

const digital_root = num => num > 9
  ? digital_root([...`${num}`].reduce((acc, n) => acc + +n, 0))
  : num;

re.sub('^\d*\n*|\n*\d*$', '', s)

^(?=.*[a-z])[\da-z][\w.]+$

<i v-for="i in 5" :class="[ i <= stars ? 'fas' : 'far', 'fa-star' ]" />

почему 14 часов превратились в 02

Потому что 14 часов - это 2 часа в 12-часовом формате.

как этого избежать?

Указать 24-часовой формат. Замените h на H.

анимируется

UPD. Animatable CSS properties.