How to give multiple lines as input to a javascript variable

Question

I wanted to fill a text area with some text as the user presses a button. But I have a problem that the variable to fill the text takes only single line input but I wanted to have some text with multiple lines and indentations

<!DOCTYPE html>
<html>
    <head>
        <title>SampleCodes</title>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
        <script type="text/javascript">
            function fill(){
                var text1 ="#include<stdio.h>
                            #include<conio.h>
                            void main()
                           {
                             printf("Hello World");
                           }"
              document.forms.myform.area.value=text1;
            }
        </script>
        <div>
            <button onclick="fill()">Program 1</button>
            <button>Program 2</button>
            <button>Program 3 </button>
            <button>Program 4</button>
        </div>
        <div class="wrapper">
            <div class="gfg">
                <form name="myform">
                    <textarea name="area" rows="30" cols="60">
                    </textarea>
                </form>
            </div>
        </div>
    </body>
</html>

Code Maniac · Accepted Answer · 2019-05-25 04:20:14Z

2

You can simply use Template string ``

var text1 =`#include<stdio.h>
            #include<conio.h>
            void main()
              {
                printf("Hello World");
              }`

answered May 25, 2019 at 4:20

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rajender Joshi · Accepted Answer · 2019-05-25 04:31:20Z

1

In ES5 multiline text can be escaped with a backslash character (\).

var text1 = "#include<stdio.h> \
             #include<conio.h> \
             void main() \
             { \
                 printf(\"Hello World\"); \
             }";

If you are using ES6 you can use backticks to wrap multiline strings.

var text1 = `#include<stdio.h>
             #include<conio.h>
             void main()
             {
                 printf("Hello World");
             }`;

answered May 25, 2019 at 4:31

Rajender Joshi

4,2251 gold badge26 silver badges41 bronze badges

Collectives™ on Stack Overflow

How to give multiple lines as input to a javascript variable

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related