Вадим Освальд

Клик может происходить на вложенные элементы внутри .accordion__item-title, и эти вложенные элементы становятся e.target.
Попробуй использовать метод closest(), который проверяет родительские элементы вплоть до указанного селектора.

accordion.addEventListener('click', function (e) {
    let target = e.target.closest('.accordion__item-title');
    if (target) {
        console.log('click');
        const content = target.nextElementSibling; 
        if (content.style.display === 'none') {
            content.style.display = 'block';
        } else {
            content.style.display = 'none';
        }
    }
});

Однозначно ответить сложно, потому что по сути fetch Не смог завершить процесс, а причин может быть несколько.
Если ты не контролируешь сервер, то можно попробовать прокси:

const url = 'https://cors-anywhere.herokuapp.com/http://www.jsonkeeper.com/b/MU1J';

Пару лет назад видел подобную идею, но с прорисовкой подписи человека по скроллу, выглядело достаточно свежо и я тогда пытался разобраться с реализацией. Прямо сходу не вспомню всех нюансов, но тебе точно нужна динамическая прорисовка SVG.
Изучи свойства stroke-dasharray и stroke-dashoffset.
Сначала через svg отрисовываешь нужные линии, а уже JS прорисовывает их в зависимости от процента скролла:

const progress = Math.min(scrollPosition / (documentHeight - windowHeight), 1);
      line.style.strokeDashoffset = totalLength * (1 - progress);
    };

iframe {
  pointer-events: none;
}

const array = ['part1-item1', 'part1-item2', 'part2-item1', 'part3-item1'];

const result = array.reduce((acc, rec) => {
  const [devId, paramId] = rec.split('-');
  if (!acc[devId]) {
    acc[devId] = [paramId]; 
  } else {
    acc[devId].push(paramId); 
  }
  return acc;
}, {});
console.log(result);

function visitLinksSequentially(links) {
    let index = 0;

    function waitForPageLoad(newTab, callback) {
        // ждем полную загрузку
        newTab.addEventListener('load', function onLoad() {
            newTab.removeEventListener('load', onLoad); 
            callback(); 
        });
    }

    function extractData(newTab, callback) {
        // логика для извлечения данных
        const extractedData = newTab.document.querySelectorAll('SELECTOR_YOUR_DATA'); 
        console.log('Извлечённые данные:', extractedData); 
        callback(); 
    }

    function visitNextLink() {
        if (index < links.length) {
            const link = links[index];
            index++;
            const newTab = window.open(); // открыли новую вкладку

            newTab.location.href = link;

            waitForPageLoad(newTab, () => {
                setTimeout(() => {
                    extractData(newTab, () => {
                        newTab.close(); // закрыли
                        visitNextLink(); // пошли дальше
                    });
                }, 1000); 
            });
        } else {
            console.log('Good job bro!');
        }
    }

    visitNextLink();
}

можно передать кастомизированные данные с сервера и затем настроить таблицу на клиентской стороне с использованием createdRow и render

Добрый день.
В функции calculateBMI у вас используется document.querySelector(".height").value и document.querySelector(".weight").value для получения значений роста и веса, но поля ввода на самом деле имеют классы .input_height и .input_weight. Из-за этого высота и вес всегда остаются undefined.

Условия проверки (height === "" || isNaN(height)) и (weight === "" || isNaN(weight)) не сработают корректно, потому что height и weight уже будут числами или NaN. Проверка height === "" бессмысленна после преобразования parseInt.

Ну и про обратные кавычки уже упомянули, тоже акутально.

<div class="header">
        <h1 class="bmi_calc">Калькулятор ИМТ</h1>
        <h4>Рост</h4>
        <input class="input_height" type="text" placeholder="Введите рост (см)">
        <h4>Вес</h4>
        <input class="input_weight" type="text" placeholder="Введите вес (кг)">
        <p>
            <button class="button" type="button">Рассчитать</button>
        </p>
        <div class="result"></div>
    </div>

window.onload = () => {
            const button = document.querySelector(".button");
            button.addEventListener("click", calculateBMI);
        }

        function calculateBMI() {
            const height = parseInt(document.querySelector(".input_height").value);
            const weight = parseInt(document.querySelector(".input_weight").value);
            const result = document.querySelector(".result");

            if (isNaN(height) || height <= 0) {
                result.innerHTML = "Укажите реальный рост";
            } else if (isNaN(weight) || weight <= 0) {
                result.innerHTML = "Укажите реальный вес";
            } else {
                const bmi = (weight / ((height * height) / 10000)).toFixed(2);

                if (bmi < 18.6) {
                    result.innerHTML = `Низкий вес: <span>${bmi}</span>`;
                } else if (bmi >= 18.6 && bmi < 24.9) {
                    result.innerHTML = `Нормальный вес: <span>${bmi}</span>`;
                } else {
                    result.innerHTML = `Избыточный вес: <span>${bmi}</span>`;
                }
            }
        }

Я не проверял, но по идее больше косяков нет, должно работать