How to add HTML in between script tag

Question

For example this is my code

<html>
  <head><title>Document</title></head>
  <body>
    <script>
      let input0 = parseInt(prompt("Write a number"))
      let input1 = parseInt(prompt("Write an other number"))
      if (input0 === input1){
        //Here I want to print some text on webpage intead of
        //using document.write or console.log
      }
    </script>
  </body>
</html>

now i want to print a text in h1 tag but if the condition mets, how can i perform this task

Does this answer your question? How to render html which is within script tag — mert dökümcü
– mert dökümcü, Commented Apr 10, 2021 at 17:08
Please read introductory tutorials before resorting to Stackoverflow. — Quentin
– Quentin, Commented Aug 19, 2021 at 9:07

Jane · Accepted Answer · 2021-08-19 09:51:26Z

1

use createElement("H1") to create a h1 tag
use createTextNode("") to create text content and append it to h1 tag
append h1 tag to document.body

Here is the code:

<html>
  <head>
    <title>Document</title>
  </head>
  <body>
    <script>
      let input0 = parseInt(prompt("Write a number"));
      let input1 = parseInt(prompt("Write an other number"));
      if (input0 === input1) {
        //Here I want to print some text on webpage intead of
        //using document.write or console.log
        var h1 = document.createElement("H1");
        var text = document.createTextNode("Hi there!");
        h1.append(text);
        document.body.append(h1);
      }
    </script>
  </body>
</html>

answered Aug 19, 2021 at 9:51

Jane

3341 silver badge4 bronze badges

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

1 Comment

Yevhenii Shlapak Over a year ago

Adding elements to the body is ok, but your approach won't add h1 to the exact place. It only adds to the end of the body tag.

Yevhenii Shlapak · Accepted Answer · 2021-08-19 10:04:18Z

Actually, this is the wrong approach. You should add a script tag at the end of the body tag. And you have to add a container, where you want to add your H1 tag.

<html>
  <head>
    <title>Document</title>
  </head>
  <body>
    <div class="h1-container"></div>
    <script>
      let input0 = parseInt(prompt("Write a number"));
      let input1 = parseInt(prompt("Write an other number"));
      if (input0 === input1) {
        //Here I want to print some text on webpage intead of
        //using document.write or console.log
        const container = document.querySelector(".h1-container");
        const h1 = document.createElement("H1");
        const text = document.createTextNode("Hi there!");
        h1.append(text);
        container.append(h1);
      }
    </script>
  </body>
</html>

Collectives™ on Stack Overflow

How to add HTML in between script tag

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related