Как реализовать подстановку в input текста?

Question

[Алексей]

Есть подобный кусок кода:

<input class="newvalue" type="text" value="Название"><span class="oldvalue">СтароеНазвание</span>
<input class="newvalue" type="text" value="Вес"><span class="oldvalue">СтарыйВес</span>
<input class="newvalue" type="text" value="Цена"><span class="oldvalue">СтараяЦена</span>

Как сделать, что бы при клике на соответствующий span заменялось value у соседнего input'а? Но так же сделать возврат (например, после замены на oldvalue предусмотреть какой-то возврат к newvalue)?

Answer 1

[Somewhere Intech]

этот код будет менять как toogle названия:

document.querySelectorAll('span.oldvalue').forEach(function(node){
  node.addEventListener('click', function(event){
    let span = event.target, 
        input = span.previousSibling
    if (!input.dataset.default) input.dataset.default = input.value
    input.value = input.value === input.dataset.default ? span.innerText : input.dataset.default
  })
})

Answer 2

[Nuby]

вероятно, применить classList.toggle();

Comments

[Алексей]

это меняет классы... а как переместить внутрянку спана в value и где сохранить заменённый value?