Learn More
Resend Email
1
patrik11
7y

How can I display a JavaScript variable as an paragraph(<p>) in a website

question

html5

help

javascript
Favorite
Ranter
Comments
  • 2
    7y
    /*! jQuery v3.3.1 | (c) JS Foundation and other contributors | jquery.org/license */

    !function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document")...

    $( 'body' ).append(`<p>${var}</p>`);
  • 0
    7y
    It depends on _when_ do you want to write that variable to the document.

    If you set the variable in the <head> and you want to write it right away in the document, just put this wherever you want to write the variable:

    <p><script>document.write(variable);</script></p>

    Or if you want to include the <p> tag in the operation:

    <script>document.write(`<p>${variable}</p>`);</script>

    If you want to write the paragraph when a certain event occurs and not as the page is loading, you can use jQuery as above or go for the longer, vanilla DOM way:

    var p = document.createElement('P');

    var t = document.createTextNode(variable);

    p.appendChild(t);

    document.querySelector('body').appendChild(p);
  • 2
    7y
    http://stackoverflow.com
  • 0
    7y
    @ethernetzero thank you very much
  • 0
    7y
    @nate thanks!
  • 0
    7y
    always remember injection, kids!
Related Rants
devRant © 2021 Hexical Labs LLC
Privacy Policy  |  Terms of Service
Add Comment