Как передать значение одного input в другой?

Question

[Kryptonit]

что то тут не так



let btn = document.querySelector('#btn');
btn.onclick = function(){
var start_value = document.querySelector('#start');
var finish_value = document.querySelector('#finish').value;
finish_value.value = start_value;
};

#btn{
border: solid 1px black ;
padding: 3px;
width: 60px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 3px;
}

Comments

[v3shin]

querySelectorAll() тут "не так". Используйте querySelector().
Да и работа со значениями какая-то странная. Посмотрите, что у вас в start_value и finish_value.

[Kryptonit]

v3shin, не работает не так ни сяк

Answer 1

[frontend queen]

querySelectorAll возвращает массив элементов, а по массиву, соответственно, нужно проходить циклом, чего ты не делаешь

Comments

[Kryptonit]

не работает не так ни сяк

[frontend queen]

Kryptonit, залей в песочницу

[Kryptonit]

frontend queen,

[frontend queen]

Kryptonit, окей, и что тут не так? куда нужно передавать value?

[Kryptonit]

frontend queen,

[Kryptonit]

frontend queen, я перепутал песочницы

[frontend queen]

Kryptonit, ты finish_value инициализируешь как value инпута, а не элемент, поправь так

var start_value = document.querySelector('#start').value;
var finish_value = document.querySelector('#finish');

[Kryptonit]

frontend queen,а из за чего не работает по-другому , к примеру
var start_value = document.querySelector('#start').value;
var finish_value = document.querySelector('#finish').value;
finish_value = start_value;

[frontend queen]

Kryptonit, работает, просто не меняется в html
https://jsfiddle.net/k8m96eLc/

[Kryptonit]

frontend queen, а с чем это связано

[Kryptonit]

frontend queen, и можно ли как то эту проблему вот так в лоб избежать ?

[frontend queen]

Kryptonit, value атрибут и value объект - разные вещи
для чего избегать? чтобы что? проблема в чем? не присваивайте друг другу значения, а управляйте самим html атрибутом