Обновить текст кнопки отправки со значением из поля ввода

Question

im пытается обновить текст в моей форме отправить кнопку на основе значения выбранного текстового поля ввода.

if (document.getElementById('pay_other').checked) { 
    rate_value = document.getElementById('other_amount').value; 
} 

$('input[id="paymentAmount"]').val(rate_value); 

Используя вышеизложенное, я могу получить значение, которое мне нужно. Пример: 100

Теперь мне нужно изменить текст кнопки отправки на Платите 100 фунтов стерлингов сегодня.

Ive пробовал различные способы вставки переменной rate_value без успеха.

processPayment является предоставить идентификатор кнопки

$("#processPayment").prop('value', 'Pay £'rate_value' today'); 

Answer 1

В JS, вы Join (конкатенации) строк вместе со знаком плюс, как

$("#processPayment").prop('value', 'Pay £' + rate_value + ' today');

Answer 2

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

if ($('#pay_other').is(':checked')) { 
    rate_value = $('#other_amount').val(); 
} 

$('#paymentAmount').val(rate_value); 

$('#processPayment').prop('value', 'Pay £' + rate_value + ' today');