Как доработать убрать запятые из вывода функции?

Question

[LoveCodeandCoffe]

Не знаю нафига) (но мне показалась эта идея удобной) я сделал такую функцию wrapper

const cart = `<div id="formcard" class="card card-container"></div>`
const wrapper = (wrapId, [...elem]) => {
		const wrap = document.getElementById(wrapId)
		wrap.insertAdjacentHTML("afterbegin", [...elem])
		return wrap
	}

вот ее использование

wrapper('formcard', [imgProfile, profileName, form])

ну и соответственно где то вверху в годе у меня созданы imgProfile, profileName, form. В них верстка. Багом этой функции является то , что она выводит запятые между элементами. Как это пофиксить? https://yadi.sk/i/3wQ_IGJikCID4g

Comments

[LoveCodeandCoffe]

мб тут не совсем понятно как верстка работает вот весь верхний код запихнут в еще одну функцию createLoginForm
и она потом вызывается

[Stockholm Syndrome]

const wrapper = (wrapId, [...elem]) => {

деструктуризация ради деструктуризации?

Answer 1

[SagePtr]

Потому что функция insertAdjacentHTML вторым параметром строку принимает, а не массив. При передаче туда массива неявно вызывается метод toString, который элементы объединяет в одну строку, пихая между ними запятую.
Скорее всего, вам поможет что-то вроде этого:

wrap.insertAdjacentHTML("afterbegin", [...elem].join(''))

Comments

[LoveCodeandCoffe]

Да спасибо это помогло)