Передать значение span в input?

Question

[VMalDesign]

Всем добрый вечер)

у меня есть 4 span'a, хочу передавать значение их в input

<div class="all">
                <span class="one"></span>
               <span class="one"></span>
               <span class="one"></span>
                <span class="one"></span>
            </div>

такая структура

var price = $('.one').text();
    $('.project_val').val(price);

вот пытался так сделать, но оно сразу все передает, как изменить чтобы только одно значение передавало, на какое кликаю?

Answer 1

[BigSmoke]

<div class="all">
  <span class="one">1</span>
  <span class="one">2</span>
  <span class="one">3</span>
  <span class="one">4</span>
</div>
<input type="text" class="project_val" />

const spansWrapper = document.querySelector('.all');
const input = document.querySelector('.project_val');
const copyTextFromClickedSpanToInput = e => {
	if (e.target.classList.contains('one')) {
  	input.value = e.target.innerText;
  }
}
spansWrapper.addEventListener('click', e => copyTextFromClickedSpanToInput(e));

Comments

[VMalDesign]

О да, только забыл написать можно ли сделать чтобы оно не удаляло а добавляло если я нажму еще на один, но при этом если еще раз нажму на тот же то тогда удалить его?

[BigSmoke]

VMalDesign, конечно можно.

[VMalDesign]

BigSmoke, а как сделать в том примере что вы скинули? не могу понять)