document.getElementById(). Значение не перезаписывает существующее значение

Question

Я пытаюсь передать значение переменной на моем сайте квадратов. Я был в состоянии переписать переменную на текущей странице с помощью:

if (SizeInputVar >=1 && SizeInputVar <= 1500) { 
$(".sqs-money-native").html(CalcValue) } 

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

sqs-money-native - это название класса. Итак, теперь я пытаюсь выяснить, как изменить значение идентификатора вместо этого, предполагая, что, возможно, если я могу изменить значение идентификатора, которое он добавит в корзину. Я пытаюсь использовать следующий код:

if (SizeInputVar >= 1 && SizeInputVar <= 1500) { 
     var PriceChange = document.getElementsByClassName('sqs-native-money')[0].id = "PriceID12345"; 
     document.getElementById('PriceID12345').value = CalcValue; 
    } 

Но, когда я ввожу значение, скажем, 120 (который будет вызывать эту функцию в первую очередь), ничего не происходит.

Я новичок в кодировании ... пытаюсь сделать сайт Squarespace сделать несколько вещей, которые он не должен делать. Любая идея, что я делаю неправильно? Если нет молитвы о том, чтобы получить значение, заполняющее класс sqs-native-money, чтобы пройти в корзину с помощью этого метода, тогда какой правильный метод?

Answer 1

Там есть опечатка priceID12345 должен быть PriceID12345

var inpt = document.getElementsByClassName('sqs-native-money')[0]; 
 
inpt.setAttribute('id', "PriceID12345"); 
 
document.getElementById('PriceID12345').value = 100;

<input class='sqs-native-money' />