how to display a javascript var in html body

Question

I am looking for a way to call a javascript number in the body of an html page  This does not have to be long and extravagant just simply work  I just want something like    lt html gt   lt head gt   lt script type  text javscript  gt  var number   123   lt  script gt   lt  head gt    lt body gt   lt h1 gt  the value for number is      number lt  h1 gt   lt  body gt   lt  html gt

User · Answer

You cannot add JavaScript variable to HTML code.

For this you need to do in following way.

<html>
<head>
<script type="text/javscript">
var number = 123;

document.addEventListener('DOMContentLoaded', function() {
   document.getElementByTagName("h1").innerHTML("the value for number is: " + number);
});
</script>
</head>
<body>
<h1></h1>
</body>
</html>

User · Answer

x000D   x000D   lt script type  text javascript  gt  x000D          function get param param    x000D     var search   window location search substring 1   x000D     var compareKeyValuePair   function pair    x000D        var key value   pair split       x000D        var decodedKey   decodeURIComponent key value 0    x000D        var decodedValue   decodeURIComponent key value 1    x000D        if decodedKey    param  return decodedValue  x000D        return null  x000D        x000D   x000D     var comparisonResult   null  x000D   x000D     if search indexOf   amp     gt  -1    x000D        var params   search split   amp     x000D        for var i   0  i  lt  params length  i      x000D           comparisonResult   compareKeyValuePair params i     x000D           if comparisonResult     null    x000D              break  x000D             x000D          x000D       else   x000D        comparisonResult   compareKeyValuePair search   x000D       x000D   x000D     return comparisonResult  x000D    x000D   x000D  var parcelNumber   get param  parcelNumber      abc x000D  var registryId    get param  registryId      abc x000D  var registrySectionId   get param  registrySectionId      abc x000D  var apartmentNumber   get param  apartmentNumber      abc x000D   x000D           x000D       lt  script gt  x000D   x000D   x000D    then in the page i call the values like so    x000D   x000D    lt td class  tinfodd  gt   lt script  type  text javascript  gt  x000D                                                      document write registrySectionId  x000D                                                       lt  script gt  lt  td gt  x000D   x000D   x000D

User · Answer

Use document write      x000D   x000D   lt html gt  x000D   lt head gt  x000D     lt script type  text javascript  gt  x000D      var number   123  x000D     lt  script gt  x000D   lt  head gt  x000D   x000D   lt body gt  x000D       lt h1 gt  x000D        the value for number is  x000D         lt script type  text javascript  gt  x000D          document write number  x000D         lt  script gt  x000D       lt  h1 gt  x000D   lt  body gt  x000D   lt  html gt  x000D   x000D   x000D

User · Answer

You can do the same on document ready event like below   lt script gt    document  ready function     var number   112         yourClass Element id      html number         yourClass Element id      text number        lt  script gt    or you can simply do it using document write number

User · Answer

lt html gt   lt head gt   lt script type  text javascript  gt  var number   123  var string    abcd    function docWrite variable        document write variable      lt  script gt   lt  head gt    lt body gt   lt h1 gt the value for number is   lt script gt docWrite number  lt  script gt  lt  h1 gt    lt h2 gt the text is   lt script gt docWrite string  lt  script gt   lt  h2 gt   lt  body gt   lt  html gt    You can shorten document write but  can t avoid  lt script gt  tag

User · Answer

Try This      x000D   x000D   lt html gt  x000D   x000D   lt head gt  x000D     lt script gt  x000D      function myFunction     x000D        var number    123   x000D        document getElementById  myText   innerHTML   number  x000D        x000D     lt  script gt  x000D   lt  head gt  x000D   x000D   lt body onload  myFunction    gt  x000D   x000D     lt h1 gt  The value for number is     lt span id  myText  gt  lt  span gt  lt  h1 gt  x000D   x000D   lt  body gt  x000D   x000D   lt  html gt  x000D   x000D   x000D

User · Answer

Index html    lt html gt   lt body gt      Javascript Version   lt b id  version  gt  lt  b gt       lt script src  app js  gt  lt  script gt   lt  body gt   lt  html gt    app js   var ver  1 1   document getElementById  version   innerHTML   ver

[javascript] how to display a javascript var in html body

Examples related to javascript

Examples related to html

Examples related to numbers

Examples related to var