How do I make a JAVASCRIPT variable equal to an HTML attribute?

Question

I am basically trying to have a number displayed that starts at 0 and goes up randomly every time you press a button. But I need a variable to equal the current number(which is stored within an h1 tag). How do I do that? Currently when I try to check if it worked by alerting the page, all I get is [object HtmlHeadingElement] Here is my JavaScript, CSS, and HTML code, respectively:

function myRandom() {
  var headnumber = document.getElementById('headnum');
  alert(headnumber)
    //the alert is just to check if '0' comes up'
}

 

h1 {
  text-align: center;
  font-size: 30px;
  color: blue;
  font-family: Verdana;
}
button {
  margin-left: 640px;
  border: solid blue 5px;
  font-size: 14px;
  font-family: Verdana;
  font-weight: bold;
  background-color: cyan;
  border-radius: 6px;
}

<h1 id='headnum'>3</h1>
<button onclick="myRandom()">Button</button>

Do this: var headnumber = +document.getElementById('headnum').textContent; — Derek 朕會功夫
– Derek 朕會功夫, Commented Apr 19, 2016 at 23:14

Selvakumar Arumugam · Accepted Answer · 2016-04-19 23:14:19Z

4

You could get the html content using innerHTML. See below,

function myRandom() {
  var headnumber = document.getElementById('headnum').innerHTML;
  alert(headnumber)
    //the alert is just to check if '0' comes up'
}

h1 {
  text-align: center;
  font-size: 30px;
  color: blue;
  font-family: Verdana;
}
button {
  margin-left: 640px;
  border: solid blue 5px;
  font-size: 14px;
  font-family: Verdana;
  font-weight: bold;
  background-color: cyan;
  border-radius: 6px;
}

<h1 id='headnum'>3</h1>
<button onclick="myRandom()">Button</button>

answered Apr 19, 2016 at 23:14

Selvakumar Arumugam

79.9k15 gold badges123 silver badges139 bronze badges

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

Comments

sinaks · Accepted Answer · 2016-04-19 23:17:56Z

2

The assignment of headnumber is to an object returned by the document.getElementById('headnum') function call. In order to get the value inside the object use document.getElementById('headnum').innerHTML

answered Apr 19, 2016 at 23:17

sinaks

7611 bronze badges

Collectives™ on Stack Overflow

How do I make a JAVASCRIPT variable equal to an HTML attribute?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related