Как в input добавить новое значение?

Question

[ssawyer]

Есть код, при клике на input-js в скрытый инпут (additional) помещается значение кликнутого input-js. Как сделать чтобы значение не перезаписывалось, а добавлялось новое, например через запятую?

const inputs = document.querySelectorAll('.input-js');
    const inputHidden = document.getElementById('additional');


    // Обход цикла
    inputs.forEach((input) => {
    input.addEventListener('click', handlerInput);
    });

    function handlerInput(event) {
        inputHidden.value = this.value;
    }

Answer 1

[Lendwye]

Вы могли задать этот вопрос в предыдущем, так было бы легче другим людям найти полный ответ на вопрос.
inputHidden.value += this.value;

Comments

[ssawyer]

Все круто, но нет пробела между значениями. Можно сделать?

[Lendwye]

ssawyer, вроде очевидно
inputHidden.value += ' ';

[Lendwye]

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

[ssawyer]

Lendwye, Все ок отмечу, последнее с чем не могу разобраться

Нужно условие. При повторном клике по тому же инпуту убирать это значение из value

[Lendwye]

https://developer.mozilla.org/ru/docs/Web/JavaScri...
Замените строку на пустую

let replace = /яблоки/gi;
let string = 'Яблоки крутые и вкусные.';
let result = string.replace(replace, 'апельсины');

Настоятельно советую вам научиться искать ответы на вопрос, и если в течении минут 30-40 не получается идти и смело задавать, иначе ваше развитие как программиста остановится.

[ssawyer]

Lendwye,

Я не знаю как написать это. Нужно что то такое, но я написать не могу..

function handlerInput(event) {

            this.classList.add("input-checked-js");

            if (this).classList.contains("input-checked-js") {
                убрать значение
            } else {
            inputHidden.value += this.value;
            inputHidden.value += '; ';
}
}

[Lendwye]

let replace = inputHidden.value;
let string = this.value;
this.value = string.replace(replace, '');

Должно работать

[ssawyer]

Lendwye,
В таком виде не работает

function handlerInput(event) {
        let replace = inputHidden.value;
        let string = this.value;
        this.value = string.replace(replace, '');
         // this.classList.add("input-checked-js");

            // inputHidden.value += this.value;
            // inputHidden.value += '; ';

    }

[Lendwye]

@ssawyer, 
function handlerInput(event) {

            this.classList.add("input-checked-js");

            if (this).classList.contains("input-checked-js") {
                let replace = inputHidden.value;
                let string = this.value;
                this.value = string.replace(replace, '');
            } else {
            inputHidden.value += this.value;
            inputHidden.value += '; ';
}
}

Попробуйте сами если так не получиться, тут ничего сложного