lagudal

На странице нет элементов [name='city'] и [name='postcode']. Но на тех, что есть все работает

document.querySelector(".contactForm input").value = "123123123"

Если надо вызвать код обработчика, то надо создать подходящий ивент
input.dispatchEvent(new Event("input"))

Easy

Что-то типа такого

const appendByAttr = (title, subtitle) => jQuery(`a[title="${title}"] ~ .ammenu-submenu-container .ammenu-item.-child.-col-4 a[title="${subtitle}"] ~ ul li:last-child`)
  .append($(`a[title="${title}"] ~ .ammenu-submenu-container .ammenu-item__extra`));

appendByAttr('Title 1', 'Subtitle 1');
appendByAttr('Title 2', 'Subtitle 2');
appendByAttr('Title 3', 'Subtitle 3');

var handlerOne = function(e) {
   alert('This is a first function');
};
var handlerTwo = function(e) {
   alert('This is a second function');
};

$('.first').click(function(e) {
    handlerOne(e);
})

$('.second').click(function() {
    handlerOne(e);
    handlerTwo(e);
})

UPD:
Вариант без изменения оригинальных обработчиков:

Есть же v-model:

data:text/html, <textarea style="width: 100%; height: 100%; border: none; outline: none" autofocus />

Дело не в кабелях или разъемах.
У вас монитор с неправильным для Apple соотношением размера экрана и разрешения изображения. То есть с неправильной плотностью. В Эпл в отличие от Windows при несоответствии разрешения по другому подгоняются пиксели и поэтому изображение выглядит хуже. Для подбора монитора под макось есть таблица. Судя по ней, у вашего монитора слишком маленькая плотность. Должна быть 110 или 220, а у вашего 91.
Ответ на ваш вопрос: покупать другой монитор, либо с бОльшим разрешением, либо с меньшим размером.

Крч грубо сделал, разбивает на квадратные части и колизия тож по квадратам,а не по контуру. Количество частей разбивки можно переменной настроить. Зато без всяких библиотек

Никто не ответил, потому что решение находится в последней строке вопроса, где весь код в одну строчку написан...
Нужно добавить в него строку в методе **createDropdown**:

jQuery("select#qty").append("<option value=''>Выберите кол-во товаров...</option>")

Чтобы получилось так:

<script> require(['jquery', 'Magento_Catalog/js/price-utils'], function ($, priceUtils) {
    'use strict';
    var tierPrices = <?php echo json_encode($allTiers) ?>;
    var createDropdown = function () {
        jQuery("select#qty").append("<option value=''>Выберите кол-во товаров...</option>")
        for (var i = 0; i < tierPrices.length; i++) {
            var obj = tierPrices[i];
            jQuery("select#qty").append("<option value='" + Number(obj.price_qty) + "'>Buy " + Number(obj.price_qty) + " For " + priceUtils.formatPrice(obj.price) + " each</option>")
        }
    };
    var getPrice = function (qty) {
        qty = Number(qty);
        var i = tierPrices.length;
        while (i--) {
            if (qty >= tierPrices[i]['price_qty']) {
                return tierPrices[i]['price'];
            }
        }
        return null;
    };
    var updatePrice = function (price) {
        var newPrice = priceUtils.formatPrice(price);
        jQuery('.price-final_price .price').html(newPrice);
    };
    var updatePriceHtml = function (amount) {
        var price = getPrice(amount);
        if (price !== null) {
            updatePrice(price);
        }
    };
    jQuery('select#qty').change(function () {
        if (tierPrices.length > 0) {
            updatePriceHtml(this.value);
        }
    });
    setTimeout(function () {
        if (tierPrices.length > 0) {
            createDropdown();
            updatePriceHtml(jQuery('select#qty').val());
        }
    }, 700);
});
</script>

Добавьте псевдоэлемент after, который будет заполнять свободное пространство:

.container::after {
  content: "";
  flex: auto;
}

Проблема в том, что у вас дублируются id у элементов на странице.

От родителя плясать нужно.

document.querySelector('.flex-container').addEventListener('scroll', (e) => {
  const w = e.target;

  if (w.offsetWidth + w.scrollLeft >= w.scrollWidth) {
    // элемент проскроллен до конца, то есть последний элемент полностью видим
  }
})

Во-первых, стрелочные функции в обычные.
Во-вторых,

`some
data`

можно заменить на

'some' + 
'data'

А еще есть такой инструмент - Babel, транспилирует ES6+ в ES5.

document.body.querySelectorAll(".menu-item.parent").forEach(menu => {
  const URL = menu.querySelector(".menu-link").href;
  const clildMenu = menu.querySelector(".menu-item.child");

  clildMenu.insertAdjacentHTML(
    "beforeend",
    `<li class='menu-wrapper'><a class='more' href='${URL}'><span class='title'>show all »</span></a></li>`
  );
});

Я бы, наверное, сделал как-то так:

public function getTreeHtml(Node $node, $level = 1)
    .......
    if ($node->hasChildren()) {
        ........
        foreach () {
            ...............
            $html .= '</li>';
            $counter++;
        }

        if ($this->escapeUrl($node->getUrl())) {
                $html .= sprintf(
                    '<li class="ammenu-wrapper" %s><a href="%s" title="Show all: %s" class="ammenu-link -level%s">
                    <span class="ammenu-wrapper">Show all: %s</span>
                    </a></li>',
                    $parentDataAttr,
                    $this->escapeUrl($node->getUrl()),
                    $this->escapeHtml($node->getName()),
                    $level,
                    $this->escapeHtml($node->getName())
                );
        }
    }
}

$('.menu-item > .submenu').toggleClass('show-submenu');

меняем на

$(this).find('.submenu').toggleClass('show-submenu');

Вот так не работает:

*:not(.cms-home-page) .block {

}

Поэтому так (да-да, пробелы тут не ошибка, селектор просто такой):

body :not(.cms-home-page) .block {

}

https://regex101.com/r/rck9Ym/2