новая строка для заголовка JavaScript

Question

Я пытаюсь помещать каждое новое слово для заголовка в новую строку, используя js. Я пробовал разные способы, но они не работают.

dictionary.title += word.value; - здесь я добавляю заголовок атрибута для моего класса словаря со значением word.value. Он выглядит так: «HelloI'mJohn» вместо «Hello
I'm
John».
Как я могу сделать это в новой строке, используя код JavaScript?

Answer 1

Как и в приведенных выше ответах, вы можете использовать <br> и \n для новой строки, но есть много альтернативных способов добиться этого, насколько вы понимаете, я написал код, в котором я использовал тег, который также называется блочным элементом, он принимает заданную ширину и высоту и автоматически добавляет новую строку в конце. Есть много элементов блочного уровня, которые вы также можете использовать для новых строк.

let value = document.querySelector(".newInput");
let btn = document.querySelector("button");
let div = document.querySelector(".dictionary");


function storeValues(){
let dictionary = "";
if(value.value){
  dictionary += `<p>${value.value}</p>`
}

div.innerHTML += dictionary

}


btn.addEventListener("click", storeValues);

Enter Word: <input type='text' class='newInput'/>
 <button type='submit' class='newInput'>Submit</button>
 
 
 <div class='dictionary'>
 <!-- Dicitonary will appear here-->
 </div>

Answer 2

Используйте

\ n

или

тег br

для новой строки.

dictionary.title += word.value + "\n";