Как менять текст на кнопке?

Question

[podushka]

У меня есть select

<select name="type" id="select_type">
		<option value="none" hidden="">Выберите донат</option>
		<option value="1">Донат за 100 рублей</option>
		<option value="2">Донат за 50 рублей</option>
		<option value="3">Донат за 20 рублей</option>
	</select>

и также button

<button type="submit">Купить за «...» руб.</button>

Как мне можно вместо «...» поставить цену, которую я выберу в select?(Если ничего не выбирать, то писать на кнопке по типу "выберите привилегию")

Comments

[FeST1VaL]

1. Берете значение селекта.
2. Ищите кнопку
3. Добавляете условия.
4. Готово

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

Answer 1

[ZB Venom]

<select name="type" id="select_type" onchange="foo(this)">
    <option value="none" hidden="">Выберите донат</option>
    <option value="100">Донат за 100 рублей</option>
    <option value="50">Донат за 50 рублей</option>
    <option value="20">Донат за 20 рублей</option>
  </select>
<button type="submit">Купить за <span id="price"></span> руб.</button>

function foo(e) {
  document.getElementById('price').innerHTML = e.value;
}

Comments

[podushka]

всё работает, но можно добавить текст, если ничего не выбрано?

[FeST1VaL]

Сейчас автор скорее всего напишет про то что, а если не выбрано, то должен быть текст другой как это было описано в его задании.

[ZB Venom]

Не_скажу Всё_равно_не_скажу, изменил на стандартный 100 рублей

[podushka]

Артём Заборских, Спасибо большое!