Как перенести часть текста на новую строку

Тэг \n не работает, пытаюсь перенести текст непосредственно в переменной, может есть какие способы. Пример:

let variations = {
  r1: {
    b1: 'один' + 'два',
    b2: 'r1b2',
    b3: 'r1b3'
  },
  r2: {
    b1: 'r2b1',
    b2: 'r2b2',
    b3: 'r2b3'
  },
  r3: {
    b1: 'r3b1',
    b2: 'r3b2',
    b3: 'r3b3'
  },
}

document.querySelectorAll('input[type="button"]').forEach(b => {
  b.addEventListener('click', output, false);
})

document.querySelectorAll('input[type="radio"]').forEach(r => {
  r.addEventListener('change', output, false);
})

function output(e) {
  let radioVal = [...document.querySelectorAll('input[type="radio"]')].find(r => r.checked == true).value;
  let buttonVal = '';
  if (e.type == 'click') {
    buttonVal = e.target.value;
    document.querySelector('.active').classList.remove('active');
    e.target.classList.add('active');
  } else {
    buttonVal = document.querySelector('.active').value;
  }
  buttonNum = buttonVal;
  // Здесь берем получаем свойство объекта variations равное radioVal, и свойство этого свойства равное buttonVal
  document.getElementById('result').textContent = variations[radioVal][buttonVal];

  e.preventDefault();
}

Ответы (1 шт):

Автор решения: Igor

document.getElementById("test").innerHTML = "One" + "<br/>" + "Two";
<div id="test"></div>

→ Ссылка