Два содержимого с пространством

Question

Я пытаюсь добавить содержимое из двух DIV s и ввести их в поле ввода. Следующие действия за исключением того, что между введенными значениями нет пробела.

С кодом ниже значения в текстовом поле: JohnDoeAccountant Я ищу выход в текстовом поле: John Doe Accountant.

Как я могу обеспечить пространство между значениями выходов?

var output1 = document.getElementById("firstname").innerHTML; 
var output2 = document.getElementById("lastname").innerHTML; 
var output3 = document.getElementById("job").innerHTML; 
document.getElementById("user-submitted-tags").value = output1 + output2 + output3; 

Answer 1

Try

document.getElementById("user-submitted-tags").value = output1 + ' ' + output2 + ' ' + output3; 

Answer 2

....value = [output1, output2, output3].join(" "); 

---

Или вырезать некоторые повторения:

document.getElementById("user-submitted-tags").value = 
    ["firstname","lastname","job"].map(function(id) { 
     return document.getElementById(id).innerHTML; 
    }).join(" ") 

---

Или так:

document.getElementById("user-submitted-tags").value = 
    ["firstname","lastname","job"].reduce(function(s, id) { 
     return s + " " + document.getElementById(id).innerHTML; 
    }, "")