calling javascript function inside html

Question

<html>
    <head>
    </head>

    <body>
        <script>    
            var myFunction = function(){
                return "hello world";
            }
        </script>    
        myFunction();        
    </body>
</html>

I just finished the code academy course on javascript but it didn't taught me how to code javascript inside html. I need to display hello world inside the html's tag using the function is this possible? my friend told me I need jquery just to do this.

use `document.write` to write inside HTML in place of return — Tushar Gupta, Jul 20 '15 at 07:16

Loic · Answer 1 · 2015-07-20T07:35:52.857

2

You have to specifically tell the webpage to execute your function when it's loaded.

Instead of returning the string I believe you'd like to write it in the body of the webpage.

This is a simple way to do so :

<html>
    <head>
        <script>
            var myFunction = function(){
                document.body.innerHTML = "hello world";
            }
        </script>
    </head>
    <body onload='myFunction();'>
    </body>
</html>

edited Jul 20 '15 at 07:35

answered Jul 20 '15 at 07:13

Loic

90
6

_"Also script tags must be contained in head tag."_ That's simply not true. – Cerbrus Jul 20 '15 at 07:25
1

However, credits where due, this is one of the few answers that adds the returned value to the HTML without the awful `document.write`. – Cerbrus Jul 20 '15 at 07:31
@Cerbrus I've removed the script in head tag sentence. – Loic Jul 20 '15 at 07:36
Excellent :-) Now this is a decent answer. – Cerbrus Jul 20 '15 at 07:38

score -1 · Answer 2 · edited May 23 '17 at 12:34

-1

<html>
<head>
</head>
<body>
<Script>

function myFunction(){
    document.write("hello");
}


</script>
<Script>
    myFunction();
    </Script>

</body>
</html>

This was asked already How to call a javascript function within an HTML body

I just replace the

tag with document.write

edited May 23 '17 at 12:34

Community

1
1

answered Jul 20 '15 at 07:22

Paulo Neil Corpuz

1
1
1
3

Don't use `document.write`. It's unpredictable. – Cerbrus Jul 20 '15 at 07:29

score -2 · Answer 3 · answered Jul 20 '15 at 07:16

-2

Try this

<html>
<head>
</head>
<body onload='myFunction()'>

<script type="text/javascript">
    var myFunction = function(){
       return "hello world";
    }
</script>

</body>
</html>

answered Jul 20 '15 at 07:16

Vishnu Prasad

729
1
11
28

calling javascript function inside html

3 Answers3