Как из массива достать текст?

Question

[holfizz]

Я даже не знаю как описать это)) в общем есть код например:

let name = document.querySelector('.name'),
    age =  document.querySelector('.age'),
    todo = document.querySelector('.todo'),
    button = document.querySelector('.button');
let array = [name, age,todo]
button.addEventListener('click',()=>{
    console.log()//сюда нужно вывести весь массив только ее текстовую часть
})

нужно чтобы вывелось в консоль весь текст из инпутов только не отдельно!!! а в строчку через запятую, как это сделать
Я не знаю поняли вы или нет но помогите пожалуйста :)

Answer 1

[MrColdCoffee]

console.log(array .join(','));

только вот если вам нужно значение, то нужно вытаскивать value например: let name = document.querySelector('.name').value;

Comments

[holfizz]

Спасибо только теперь еще проблема ввожу значение и выводит две запятые а контента нет)

[MrColdCoffee]

Сергей Горлачев, это происходит из за того, что изначально у вас value не прописан у инпутов и присваивается переменной единожды до его изменения

const button = document.querySelector('.button');
		
button.addEventListener('click',()=>{
let name = document.querySelector('.name').value,
    age =  document.querySelector('.age').value,
    array = [name, age];
    
    console.log(array.join(','));
});

[holfizz]

MrColdCoffee, спасибо огромное вы очень помогли))

Answer 2

[wonderingpeanut]

Идем сюда, читаем.

The value attribute is a DOMString that contains the current value of the text entered into the text field. You can retrieve this using the HTMLInputElement value property in JavaScript.
let theText = myTextInput.value;

Ага, то, что нужно.
Как соединить массив строк есть в ответе выше