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

Question

[TRUEC0DER]

Имеется строка:
"Первое сообщение до тире - первое сообщение после тире. Второе сообщение до тире - второе сообщение после тире. Третье сообщение до тире - третье сообщение после тире"

Как я могу изменить весь текст, находящийся до тире? (Допустим, поместить его в HTML-тег)

Comments

[Александр]

текст до какого из тире?

[WbICHA]

Они всегда точкой разделены?

[TRUEC0DER]

Александр, До всех из тире (Первое сообщение до тире, Второе сообщение до тире, Третье сообщение до тире)

[Александр]

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

[TRUEC0DER]

WbICHA, Да

[TRUEC0DER]

Александр, Разделены точкой, удобнее хранить в одной переменной

Answer 1

[Александр]

Здесь вариант, когда сообщение лежат в массиве. Как этого добиться, думаю не должно быть большой сложностью.

const messages = [
    "Первое сообщение до тире - первое сообщение после тире",
    "Второе сообщение до тире - второе сообщение после тире",
    "Третье сообщение до тире - третье сообщение после тире"
]

for (let m of messages) {
    const message = `
<div>
    <span>${m.split(' - ')[0]}</span>
    <em>${m.split(' - ')[1]}</em>
</div>`
console.log(message)
}