How to replace "\n" with "br" in a string?

Issue

I have a HTML textinput, which I store into a string. I then perform changes to the string and print the result out in a div block next to the input field. However, user input marks newlines as "\n", and innerHTML marks newlines as "<br>". The methods of converting one into the other I tried so far didn't work.

Method 1:
During the transforming process I temporarily perform s = s.split('');, then iterate through the whole string to perform changes. I tried doing if (s[i] == '\n') s[i] = '<br>', but it didn't detect the newlines.

Method 2: After joining the string back, I tried to use RegEx: s = s.replace("/\n/g", "<br>". The result was the same - it didn't detect the newlines.

This code shows my problem:

let test = "da\nda"
console.log(test);
test = test.replace("/\n/g", "<br>");
console.log(test);

Expected output:

da
da
da<br>da

Actual output:

da
da
da
da

Solution

"da\nda".replace(/\n/g, "<br>")

Remove the quotes from your regex.

Answered By - ozielCavalcante