How to get html to print return value of javascript function

Question

What is the preferred syntax to get html to print return value of javascript function   function produceMessage        var msg   Hello lt br   gt        return msg      EDIT  Yikes  too many answers without me clarifying what I meant   I know how to do it via the script tag   However  let s say I wanted to make the message red   Would I just encase the script tag inside my css like so    lt div style  color red gt  lt script gt document write produceMessage    lt  script gt  lt  div gt    I guess my main question was  should you be using document write to get the return values to print

User · Answer

It depends what you re going for  I believe the closest thing JS has to print is   document write  produceMessage        However  it may be more prudent to place the value inside a span or a div of your choosing like   document getElementById  mySpanId   innerHTML   produceMessage

User · Answer

you could change the innerHtml on an element  function produceMessage        var msg   Hello lt br   gt         document getElementById  someElement   innerHTML   msg

User · Answer

if you really wanted to do that you could then do   lt script type  text javascript  gt      document write produceMessage     lt  script gt    Wherever in the document you want the message

User · Answer

Or you can tell javascript where to write it    lt script type  text javascript  gt      var elem   document getElementById  myDiv        var msg   Hello lt br   gt        elem innerHTML   msg   lt  script gt    You can combine this with other functions to have function write content after being evaluated

User · Answer

There are some options to do that   One would be   document write produceMessage     Other would be appending some element in your document this way   var span   document createElement  span    span appendChild document createTextNode produceMessage      document body appendChild span     Or just   document body appendChild document createTextNode produceMessage        If you re using jQuery  you can do this     document body  append produceMessage

User · Answer

Most likely you re looking for something like  var targetElement   document getElementById  idOfTargetElement    targetElement innerHTML   produceMessage      provided that this is not something which happens on page load  in which case it should already be there from the start

User · Answer

lt script type  text javascript  gt      document write   lt p gt     Date       lt  p gt      lt  script gt    Is a good example

[javascript] How to get html to print return value of javascript function?

Examples related to javascript

Examples related to html