Programatically escape / script closing tag in javascript

Question

I have this variable which contains a script html code

<script>
var script = "<script>console.log('script here')</script>"
</script>

how do we programmatically escape the / in the closing tag </script> so it will look like the code below

<script>
var script = "<script>console.log('script here')</script>"
</script>

question from:https://stackoverflow.com/questions/65944545/programatically-escape-script-closing-tag-in-javascript

Answer 1

It does not work as you think.

The first fragment of code does not work because the browser finds the </script> piece in the string and thinks that it is the closing tag of the script element. It treats the rest of the script and the real </script> closing tag as regular text and displays it in the page (except for the </script> tag).

This means that only a fragment of your script is parsed, the parser finds a syntax error in it (the string is not closed) and the script does not run.

There is no way to fix this using JavaScript code. It is not a coding problem. It is an HTML problem (kind of) and its only solution is to write the HTML in a way that avoids the issue.

The HTML document contains a closing tag </script> inside the body of a script element. For normal HTML content (a paragraph, for example) the solution is straight forward: use < and > to encode < and >:

<p> This is a paragraph that contains a &lt;p&gt; closing tag</p>