0xD34F

погуглил за вас

получаю ошибку: this.currentGen.snps.genotypes is undefined

Э-э-э, но ведь snps - массив. Наверное, надо так - this.currentGen.snps[0].genotypes. Или forEach'ем по нему пробежаться, если элементов может быть несколько.

UPD. А вообще, по-хорошему, выбора гена должен сводиться к простому присваиванию, объект с данными для графика следует сделать вычисляемым свойством. Примерно так.

Ну так result у вас массив, а ключи добавляемых ему свойств не являются числовыми - соответственно, отбрасываются при преобразовании в строку.

Объявите result как объект - var result = {}; - и всё будет нормально.

document.querySelector('button').addEventListener('click', function() {
  const bar = document.querySelector('#progress');
  const label = document.querySelector('#procent');

  let width = 0;
  const interval = setInterval(function() {
    if (++width >= 100) {
      clearInterval(interval);
    }

    bar.style.width = label.innerText = `${width}%`;
  }, 10);
});

document.querySelectorAll('.news-item_title').forEach(n => {
  n.querySelector('.tit_link').textContent = '[Подробнее]';
  n.closest('.news-block_item').append(n);
});

или (этот способ перебора и предыдущий не взаимозаменяемые - если for...of можно без проблем комбинировать с querySelectorAll, то чтобы тут использовать forEach, придётся коду получения элементов добавить обёртку - [...document.getElementsByClassName('...')]):

for (const n of document.getElementsByClassName('tit_link')) {
  n.innerText = '[Подробнее]';
  n.parentNode.parentNode.appendChild(n.parentNode);
}

или

const items = document.querySelector('.news-block_wrap').children;
for (let i = 0; i < items.length; i++) {
  items[i].children[1].children[0].innerHTML = '[Подробнее]';
  items[i].insertAdjacentElement('beforeend', items[i].children[1]);
}

Что подразумевается под "любым форматом" не очень понятно... а для тех вариантов, что вы показали, подойдёт такая регулярка, например: '/^\+372((( |-)?\d){8,})$/'.

Делаете функцию, которая подсчитывает общую сумму - обходите строки таблицы, берёте значения цены и количества каждого товара, перемножаете, складываете, пишите полученное значение в инпут суммы заказа:

function updateSum() {
  const sum = $('.order-table .number').get().reduce((acc, n) => {
    const price = +$(n).prev().text().replace(',', '.');
    const count = +$('input', n).val();
    return acc + price * count;
  }, 0);

  $('.order-end-form input[type="text"]').val(sum.toFixed(2));
}

Вызывать эту функцию следует при клике на +/-, и при редактировании инпутов с количествами:

$('.order-table')
  .on('click', '.plus, .minus', function() {
    const change = $(this).hasClass('plus') ? 1 : -1;
    $(this).siblings('input').val((i, val) => Math.max(0, +val + change));
    updateSum();
  })
  .on('input', '.number input', function() {
    $(this).val((i, val) => Math.max(0, val | 0));
    updateSum();
  });

А почему бы вам не заглянуть в документацию? Там этот вопрос неплохо освещен.

А вы знаете, что такое new Date(2017, 0, 1)? Это первое января текущего года. То есть, условие (new Date()) > ts всегда оказывается истинным, и... ну да, выставляется дата, на 27 дней больше текущей. Ничего удивительного, что у вас постоянно происходит "обновление счета". Вы уж разберитесь, к какому моменту времени надо делать обратный отсчёт.

.recent:hover .info {

Селектор неправильный, .info находится не внутри, а после .recent. Делайте так:

.recent:hover ~ .info {

Конструктор Function помимо тела функции позволяет определять ещё и параметры - так что process можно подменить на всё, что угодно.

Как-то так: Function("process", "return process")(null).

const a = [ 'a', 'b', 'c', 'd' ];
const b = [ 'a', 'b', 'x', 'y', 'z' ];

const c = a.filter(n => b.indexOf(n) === -1);
// или
const c = a.filter(n => !b.includes(n));

Или, можно решить задачу в более общем виде. Пусть в качестве источников данных выступают не только массивы, а любые массивоподобные объекты; их элементы не обязательно являются примитивными значениями; а под равенством может подразумеваться не непосредственное равенство, а равенство некоторых производных значений:

function diff(data1, data2, key = n => n) {
  const getKey = key instanceof Function ? key : n => n[key];
  const keys = new Set(Array.from(data2, getKey));
  return Array.prototype.filter.call(data1, n => !keys.has(getKey(n)));
}


diff([1, 2, 3], [2]) // [1, 3]
diff([{id: 1}, {id: 2}, {id: 3}], [{id: 1}, {id: 3}], 'id') // [{id: 2}]
diff('AbCdE', 'aBc', n => n.toLowerCase()) // ['d', 'E']

Почему не работает:

Если функция parseInt встречает символ, не являющийся числом в указанной системе счисления, она пропускает этот и все последующие символы

Ну а получить своё число вы можете так, например: +/\d+/.exec(el).

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

int number = // ну, чему-то там равно, сами подставите

for (int digit = 0; digit < 10; digit++) {
    int repeat = 0,
        n = number,
        p = 10;

    do {
        int mod = n % p;
        if (mod * 10 / p == digit) {
            repeat++;
        }

        n -= mod;
        p *= 10;
    } while (n);

    // что делать с результатом - тоже разбирайтесь сами
    printf("%d is repeated %d time(s)\n", digit, repeat);
}

Ошибка же при вычислении $(window).offset(). Не надо так. Есть scrollY - можно использовать его:

const $menu = $('.menu');
const offset = $menu.offset();

$(window).scroll(function() {
  $menu.toggleClass('menu-fixed', this.scrollY >= offset.top);
});

function makeTree($data, $levelField) {
  $root = [];

  foreach ($data as $d) {
    $arr = &$root;

    $level = 0;
    while ($d[$levelField] > $level++) {
      $arr = &$arr[count($arr) - 1]['children'];
    }

    $arr[] = array_merge($d, [ 'children' => [] ]);
  }

  return $root;
}

$tree = makeTree($data, 'depth');

<select>
  <option hidden></option>
  <option>вкладка 69</option>
  <option>вкладка 187</option>
  <option>вкладка 666</option>
</select>

<div>
  <div class="tab">hello, world!!</div>
  <div class="tab">fuck the world</div>
  <div class="tab">fuck everything</div>
</div>

.tab {
  display: none;
}

.tab.active {
  display: block;
}

document.querySelector('select').addEventListener('change', function() {
  document.querySelectorAll('.tab').forEach((n, i) => {
    n.classList.toggle('active', i === this.selectedIndex - 1);
  });
});

for (const n of document.getElementsByClassName('name')) {
  n.style.display = 'none';
}

или

.hidden {
  display: none;
}

document.querySelectorAll('.name').forEach(n => n.classList.add('hidden'));