How to call external JavaScript function in HTML

Question

I have a small chunk of code I can t seem to get working  I am building a website and using JavaScript for the first time  I have my JavaScript code in an external file  Marq Msg js  which looks like this   var Messages   new Array    Messages 0     This is message 1   Messages 1     This is message 2   Messages 2     This is message 3   Messages 3     This is message 4      function scroll messages       for  var i   0  i  lt  Messages length  i            document write Message i         and in my HTML file  Index html  I am trying to call it like this        lt div id  logo  gt           lt marquee scrollamount  5  direction  left  loop  true  height  100   width  100   gt           lt strong gt  lt font color  white  gt  lt script src  Marq Msg js  gt scroll messages   lt  script gt  lt  font gt  lt  strong gt           lt  marquee gt       lt  div gt    The  logo  div is a CSS piece that I m trying to marquee inside of  If I put the code embedded inside the  head  tag and call it  it works perfectly  There are a few other things id like to do with this code  like space the messages out a little  but I can t get the code to work in the first place  I ve also tried adding    lt script src  Marq Msg js  gt  lt  script gt    in the  head  tag with a separate call  that was a no go  I also tried instead using    lt script type  text javascript  src  Marq Msg js  gt scroll messages   lt  script gt    Hell  i even had the function try returning a string  even hardcoded a simple  hello  to be returned  but that didnt work either with and without the  type      Marq Msg js function scroll messages        return  hello        index html  lt script type  text javascript  src  Marq Msg js  gt document write scroll messages    lt  script gt    What am I missing  Any help would be greatly appreciated   I ve looked all over Google  and every site I find wants to do it using some  form   I just want messages to be displayed across  no form attached

User · Accepted Answer

If a  lt script gt  has a src then the text content of the element will be not be executed as JS  although it will appear in the DOM    You need to use multiple script elements    a  lt script gt  to load the external script a  lt script gt  to hold your inline code  with the call to the function in the external script          scroll messages

User · Answer

In Layman terms  you need to include external js file in your HTML file  amp  thereafter you could directly call your JS method written in an external js file from HTML page  Follow the code snippet for insight -  caller html   lt script type  text javascript  src  external js  gt  lt  script gt   lt input type  button  onclick  letMeCallYou    value  run external javascript  gt    external js  function letMeCallYou         alert  Bazinga     you called letMeCallYou       Result

[javascript] How to call external JavaScript function in HTML

Examples related to javascript

Examples related to html