Use a global variable from js file in html code

Question

I have got a file called report.js which has a variable called "number". I would like to show this number in the html page.

report.js is as below:

var number;

module exports:{}

    getData:function(data){
    //calculate number

}

and the index.html is as below: ...

<body>
<div class="page">
    <header style="position: relative;">
        <h1 style="margin-left: 140px;" id="newNumber"></h1> 
    </header>


<script>
    $("#newNumber").html('<div align="left">Number is '+ number +'</div>');
</script>

</body>

should I add this line? and where?

<script type='text/javascript' src='js/report.js'></script>

You cannot use module exports in client side javascript

bhspencer
– bhspencer

2015-06-15 13:21:22 +00:00
Commented Jun 15, 2015 at 13:21 — bhspencer
– bhspencer, Commented Jun 15, 2015 at 13:21

Patrick · Accepted Answer · 2015-06-15 13:18:38Z

1

Add that line in the header. It will go in the same place as your document title.

<head> <script type='text/javascript' src='js/report.js'></script> </head>

answered Jun 15, 2015 at 13:18

Patrick

7316 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Use a global variable from js file in html code

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related