Как передать значение поля в другое поле на js?

Question

[L1nw0od]

Здравствуйте, помогите пожалуйста разобраться.
Есть поле (тектсовое), у него есть дата атрибут - этот атрибут хочу передать в инпут при клике на кнопку.

<a href="#"  class="btn">кнопка</a>
<input type="text" class="inp" value="1_1">
<p data-info="data_test" class="sss__1">lorem text  -  1</p>

const input = document.querySelector('.inp')
const text_data = document.querySelector('.sss__1')

const btn_test = document.querySelector('.btn').addEventListener('click', (event) => {
event.preventDefault()
input.value = text_data.dataset.info
})

--
В поле вставляет а когда открываю инспектор нет ничего в поле value

Answer 1

[LJ322]

Вот тут вы передаёте значение из атрибута в текстовое поле
text_data.textContent = text_data.dataset.info

Если нужно передать в инпут, то и обращайтесь к инпуту
input.value = text_data.dataset.info

Если нужно поменять дефолтное значение, то можете использовать defaultValue
input.defaultValue = text_data.dataset.info

Comments

[L1nw0od]

Оно должно передать значение в инпут value)
--
я через инспектор открываю а поле value - не приняло это значение

[LJ322]

L1nw0od, приняло. DOM обновился
В инспекторе вы видите атрибут, который стоит по дефолту. А в коде меняете фактическое значение value в DOM (и работать в дальнейшем вы тоже будете именно с ним). Можете открыть любой сайт и посмотреть в инспекторе на input, там будет то же самое
В любом случае, если вы работаете с инпутом и вам дальше нужно что-то делать с его value, то это никак особо не отразиться на его функционале. У вас в value будет лежать актуальное значение, которое вы потом сможете оттуда в таком же виде считать, если нужно

Если прям принципиально нужно поменять значение в разметке, то можете поменять его дефолтное значение
input.defaultValue = text_data.dataset.info

[L1nw0od]

LJ322, Я зацепился в эту штуку то как на одном сайте этот функционал реализован. Но реализован он на jquery а я хочу переписать на чистый js.

$('.btn-form').click(function() {
            $('[type="hidden"]').val($(this).data('info'));
        });

Вот эта штука работает на jquery идеально - но я хочу на js сделать такое же ((