построенный на конструкторе Wix. На страничке корзины есть форма 1, в которой подсчитана сумма набранных товаров и отдельно есть форма оплаты, куда покупатель вручную вводит сумму товара и нажимает оплатить. Взаимосвязи между ними нет, потому что форма оплаты интегрирована вручную ввиду санкций.
Как сделать, через javascript код, чтобы форма оплаты автоматически считывала сумму, которая отображается на странице корзины в форме 1 и копировала вместо покупателя сама себе в форму.
Ссылка на страничку сайта:
https://www.whieda-shop.com/thank-you-page/d9472460-d9ac-4613-b3e3-16f336a9d6cb?appSectionParams=%7B%22objectType%22%3A%22order%22%7D
Есть код, но он не работает:
// Получаем ссылку на элемент суммы из первой формы
const subtotalElement = document.querySelector('[data-hook="total-row-value"]');
// Получаем ссылку на элемент второй формы, куда нужно установить значение
const sumInput = document.querySelector('input[placeholder="0.00"]');
// Получаем значение суммы из первой формы
const subtotalValue = subtotalElement.innerText.replace(/\s+/g, '').replace('руб.', '');
// Устанавливаем значение второй формы равным значению суммы из первой формы
sumInput.value = subtotalValue;
Но мне выдает ошибку:
VM746:1 Uncaught TypeError: Cannot set properties of null (setting 'value')
at <anonymous>:1:16
Я понял, что это значение не находится:
// Получаем ссылку на элемент второй формы, куда нужно установить значение
const sumInput = document.querySelector('input[placeholder="0.00"]');
Поэтому цепочка ломается на этом моменте.
Оказалось, что элементы, на которые ссылаюсь в первом и во втором кодах, находятся в разных javascript context.
Что делать, не знаю. Помогите плз.
помогите плз
Обсуждают сегодня