How to display Javascript variable in specific HTML div?

Question

I'm very new to using Javascript and I want to display this variable on my homepage for my portfolio

<html lang="en">
<head>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script>

    var curDate  = new Date();
    var curYear  = curDate.getUTCFullYear(),
        curMonth = curDate.getUTCMonth(),
        curDay   = curDate.getUTCDate();

    var myYear   = 1996,
        myMonth  = 10,
        myDay    = 22;

    var myAge = curYear % myYear;
    if (curMonth < myMonth && curDay < myDay || curMonth < myMonth && curDay === myDay || curMonth == myMonth && curDay < myDay) {
      myAge  -= 1; 
    }

    var myAgeDiv = document.getElementById('my-age');
    myAgeDiv.textContent = myAge;

    $('#my-age').text(myAge);

    </script>
    <title>My eportfolio!</title>
</head>
<body>
    <div id="my-age"></div>
</body>
</html>

Edit: I've created a new html file (the same as above) with no other content external .js files and it still doesn't work. Does this mean the age displaying code is wrong?

I have but literally none of the solutions work I don't know if there's an error in the code — user3797115
– user3797115, Commented Oct 13, 2014 at 10:50
Check your browser console for errors, and what functions have you used to manipulate DOM? — Ravi
– Ravi, Commented Oct 13, 2014 at 10:51
I get this error Uncaught TypeError: Cannot set property 'innerHTML' of null — user3797115
– user3797115, Commented Oct 13, 2014 at 10:59

MillaresRoo · Accepted Answer · 2014-10-13 10:51:15Z

3

You may try:

document.getElementById("your_div_id").innerHTML = myAge;

answered Oct 13, 2014 at 10:51

MillaresRoo

3,8581 gold badge35 silver badges39 bronze badges

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

Comments

Mohamad Shiralizadeh · Accepted Answer · 2014-10-13 10:51:08Z

2

if your div have an ID do this using jQuery:

$('#DivID').text(myAge);

have a class:

$('.DivClass').text(myAge);

or using only javascrtipt:

document.getElementById('DivID').innerText = myAge;

answered Oct 13, 2014 at 10:51

Mohamad Shiralizadeh

8,8348 gold badges65 silver badges99 bronze badges

Comments

LorDex · Accepted Answer · 2014-10-13 10:51:14Z

2

HTML:

<div id="test"></div>

JS:

var d = document.getElementById('test');
d.innerHTML = myAge;

answered Oct 13, 2014 at 10:51

LorDex

2,6382 gold badges22 silver badges33 bronze badges

Comments

Marco Bonelli · Accepted Answer · 2014-10-13 10:52:03Z

2

Let's say you've got a <div> like the following one:

<div id="my-age"></div>

Then you can use the document.getElementById() to get the div in JavaScript and edit its content:

var myAgeDiv = document.getElementById('my-age');

myAgeDiv.textContent = myAge;

answered Oct 13, 2014 at 10:52

Marco Bonelli

71.1k21 gold badges129 silver badges153 bronze badges

3 Comments

Marco Bonelli Over a year ago

And this got downvoted because...? The answer is correct, why should anyone downvote it? Please explain and do not just "random downvote" answers.

user3797115 Over a year ago

This is awful I know all these answers are great and should work but they don't. btw I up-voted

Marco Bonelli Over a year ago

@user3797115 then you are doing something wrong! Tell us more, edit your question and add additional details.

ramchauhan · Accepted Answer · 2014-10-13 10:54:23Z

2

If your variable is your_variable Then you can use

document.getElementById('DivID').innerHTML = your_variable;

answered Oct 13, 2014 at 10:54

ramchauhan

2482 silver badges7 bronze badges

Comments

Winestone · Accepted Answer · 2014-10-13 10:51:18Z

1

If you are using pure javascript, somehow get your element, for example:

var myElem = document.getElementById('my-element-id');

Then you can set it's innerHTML:

myElem.innerHTML = myAge.toString();

If you are using jQuery, things get simpler, getting your element becomes:

var myElem = $('#my-element-id');

And setting it's content:

myElem.html(myAge);

Or if you don't need to insert html and want to be safer:

myElem.text(myAge);

answered Oct 13, 2014 at 10:51

Winestone

1,50010 silver badges20 bronze badges

Collectives™ on Stack Overflow

How to display Javascript variable in specific HTML div?

6 Answers 6

Comments

Comments

Comments

3 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

3 Comments

Comments

Comments

Related