Is there a way to display multi-line string in Javascript?

Question

I have a function which receives a single line string and displays it without a problem using an alert pop up from alertify JS but when its a multi-line string it gives an error saying Uncaught SyntaxError: Invalid or unexpected token . Below is my function:

<script>
function changes(changes) {

    alertify.confirm(changes,
        function () {
        }).setHeader('Document Changes');
}

The changes is the string am receiving and am displaying it in an alert box. Below is where am getting the changes from. I am getting this string from an object and passing it to my function

                {
                "render": function (data, type, full, meta) {
                    return '<button onclick="changes(\'' + full.changes + '\')" class="btn btn-info"><i class="fas fa-info-circle"></i> Changes</button>';
                }
            }

When i click this button it does not send the multi-line string to my function but when its a single line string it works without a problem

The sample text which brings the error is like below:

added footer

added heder

added content

Below is a fiddle which i have replicated the error Js Fiddle

Answer 1

if the problem was multi lines strings, you can use the back ticks ` to print the multi line strings in javascript

 alert(`this is \n multi line \n string`)

and in your case would be:

alertify.confirm(`${changes}`,....

Answer 2

Use the backticks, Luke.

 let changes =` This is a multiline alert message `; alert(changes);