javascript - Creating new lines in string using jQuery

Question

I have a string that looks this "Hello Name, Choose one of the options below. 1. Phones 2. Computers" When the output is returned, I do not see the newlines taking effect. What could I be missing ?

JS

var message = "Hello Name, Choose one of the options below.

1. Phones

2. Computers"
console.log(messsage);
$('.item').val(message);

question from:https://stackoverflow.com/questions/65905979/creating-new-lines-in-string-using-jquery

Answer 1

Replace the new lines with <br>
The reason is that in HTML new lines are made by the <br> tag

var message = "Hello Name, Choose one of the options below.<br>
1. Phones<br>
2. Computers"
$('.item').html(message);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="item"></div>