как автозаполнить input при загрузке страницы

Question

Необходимо заполнить тег input при загрузке страницы текстом "Самовывоз". Внимание! placeholder , value - не подходят, нужно именно ДЕЙСТВИЕ. Ниже прикрепил код, думаю, что реализацию можно осуществить на js, но я в нем не силен...прошу помощи!

<form class="dostavka" method="POST" action="">
  <input id="test-inp">
</form>

Answer 1

document.addEventListener('DOMContentLoaded', () => {
  const inp = document.querySelector('#test-inp');
  if (inp) inp.value = 'Самовывоз';
});

<form class="dostavka" method="POST" action="javascript:void(0)">
  <input id="test-inp">
</form>

С задержкой в 1 секунду:

document.addEventListener('DOMContentLoaded', () => {
  const inp = document.querySelector('#test-inp');
  if (inp) setTimeout(() => inp.value = 'Самовывоз', 1e3);
});

<form class="dostavka" method="POST" action="javascript:void(0)">
  <input id="test-inp">
</form>

MDN:

addEventListener
DOMContentLoaded
Атрибут value элемента <input> (одноименное DOM-свойство работает с этим атрибутом)

БЛОГ НА HUSL

как автозаполнить input при загрузке страницы

Ответы (1 шт):

MDN: