0

Тэг \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();
}
14
  • var string='Text \n Text' /////////////// 5 апр 2020 в 19:53
  • Ох, Саша Рыбкин!
    – user176262
    5 апр 2020 в 19:54
  • Эх, не работает
    – PikachuZ
    5 апр 2020 в 19:55
  • "на следующую строку" чего?
    – user176262
    5 апр 2020 в 19:55
  • то есть один должен остаться на 1 строке допустим а 2 на следующей, такое я так понимаю невозможно?
    – PikachuZ
    5 апр 2020 в 19:56

1 ответ 1

1

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

3
  • Проблема в том, что у меня потом это выводится одной переменной она в себя вмещает вот эту и вложенную в неё
    – PikachuZ
    5 апр 2020 в 20:00
  • @PikachuZ Игорь показал Вам основной принцип. Вы можете в variations сделать запись b1: 'один' + '<br>два' В этом случае выводя значение - два при выводе будет записываться с новой строки.
    – Denis640Kb
    6 апр 2020 в 8:47
  • @PikachuZ Пример: <div id="result"></div> <script language="JavaScript"> let variations = { r1: { b1: 'один' + '<br> два', b2: 'r1b2', b3: 'r1b3' }, r2: { b1: 'r2b1', b2: 'r2b2', b3: 'r2b3' }, r3: { b1: 'r3b1', b2: 'r3b2', b3: 'r3b3' }, }; document.getElementById('result').innerHTML = variations.r1.b1; </script>
    – Denis640Kb
    6 апр 2020 в 8:47

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.