How can I call a javascript function from an html file

Question

I have a .js file defined as follows:

<script>
    function sayHello() {
        alert("Hello World");
    }
</script>

And I have a .html file defined as follows:

<!doctype html>
<html>
    <head>
        <link rel="stylesheet" href="css/testCSS.css">
        <title>test html</title>
    </head>
    <body>
        <script type="text/javascript" src="js/testJS.js"></script>
    </body>
</html>

How can I call the sayHello() function?

Answer 1

script.js

function sayHello() {
    alert("Hello World");
}

index.html

<!doctype html>
<html>
    <head>
        <title></title>
    </head>
    <body>
        <script src="script.js"></script>
        <script>
            sayHello();
        </script>
    </body>
</html>

Answer 2

You just need to call it!

let me explain in an example. let's say you have a button in that html that calls sayHello function.

<button type="button" onclick="sayHello ()">Say hello</button>

I think you should take a look at here .

Answer 3

Jus replace the link to script with content of .Js file...

Or call the function

     <script>
       sayHello()
     </script>

How can I call a javascript function from an html file

Question

3 answers

solution1
1 2014-05-11 05:29:30

solution2
1 2014-05-11 05:29:33

solution3
0 2014-05-11 05:27:39

How can I call a javascript function from an html file

Question

3 answers

solution1 1 2014-05-11 05:29:30

solution2 1 2014-05-11 05:29:33

solution3 0 2014-05-11 05:27:39

solution1
1 2014-05-11 05:29:30

solution2
1 2014-05-11 05:29:33

solution3
0 2014-05-11 05:27:39