How to call a JavaScript function within an HTML body

Question

I have a JavaScript function that fills a table    lt script gt   var col1     Full time student checking  Age 22 and under      Customers over age 65    Below   500 00    var col2     None    None     8 00     function createtable          lt  --To fill the table with javascript-- gt      for  var j   0  j  lt  col1 length  j              if  j   2    0                document write   lt tr gt  lt td gt     col1 j       lt  td gt                 document write   lt td gt     col2 j      lt  td gt  lt  tr gt               else               document write   lt tr  bgcolor   aeb2bf  gt  lt td gt     col1 j       lt  td gt                 document write   lt td gt     col2 j      lt  td gt  lt  tr1 gt                        lt  script gt    I want to execute it within the HTML body  I have tried the following  but it doesn t create the table    lt table gt       lt tr gt           lt th gt Balance lt  th gt           lt th gt Fee lt  th gt               lt  tr gt        createtable     lt  table gt    How I can execute this function within the HTML body

User · Answer

Just to clarify things  you don t can t  execute it within the HTML body    You can modify the contents of the HTML using javascript    You decide at what point you want the javascript to be executed   For example  here is the contents of a html file  including javascript  that does what you want    lt html gt     lt head gt       lt script gt         The next line document addEventListener            tells the browser to execute the javascript in the function after        the DOMContentLoaded event is complete  i e  the browser has        finished loading the full webpage     document addEventListener  DOMContentLoaded   function event           var col1     Full time student checking  Age 22 and under      Customers over age 65    Below   500 00           var col2     None    None     8 00          var TheInnerHTML            for  var j   0  j  lt  col1 length  j              TheInnerHTML      lt tr gt  lt td gt   col1 j    lt  td gt  lt td gt   col2 j    lt  td gt  lt  tr gt              document getElementById  TheBody   innerHTML   TheInnerHTML          lt  script gt     lt  head gt     lt body gt       lt table gt       lt thead gt         lt tr gt           lt th gt Balance lt  th gt           lt th gt Fee lt  th gt                 lt  tr gt       lt  thead gt       lt tbody id  TheBody  gt       lt  tbody gt     lt  table gt   lt  body gt      Enjoy

User · Answer

Try to use createChild   method of DOM or insertRow   and insertCell   method of table object in script tag

User · Answer

Try wrapping the createtable    statement in a  lt script gt  tag    lt table gt           lt tr gt               lt th gt Balance lt  th gt               lt th gt Fee lt  th gt            lt  tr gt           lt script gt createtable    lt  script gt   lt  table gt    I would avoid using document write   and use the DOM if I were you though

User · Answer

First include the file in head tag of html   then call the function in script tags under body tags e g   Js file function to be called  function tryMe arg        document write arg       HTML FILE   lt  DOCTYPE html gt   lt html gt   lt head gt       lt script type  text javascript  src  object js  gt   lt  script gt       lt title gt abc lt  title gt  lt meta charset  utf-8   gt   lt  head gt   lt body gt       lt script gt      tryMe  This is me vishal bhasin signing in         lt  script gt   lt  body gt   lt  html gt    finish

[javascript] How to call a JavaScript function within an HTML body

Examples related to javascript

Examples related to html