New Page before Onclick function is called

Question

I'm essentially making jepoardy and trying to store a temporary variable using the inner, however when the user clicks the button, it takes them to the next page before the onclick function can be called. I've tried putting the onclick function inside the tag, but it still doesn't work.

<a href="Easy.html"><button type="button"  onclick="categoryOnClick() "id="answer0" class="buttonquestion">200</button></a>  

var tempscore = 0;
var currentscore = 0;

function categoryOnClick(){
    tempscore = parseInt(this.innerHTML);
}

Possible duplicate of [Html anchor tag onclick() and href execute simultaneously](https://stackoverflow.com/questions/19250645/html-anchor-tag-onclick-and-href-execute-simultaneously) — Lingaraju E V, Oct 26 '17 at 05:37

score 0 · Answer 1 · answered Oct 26 '17 at 05:36

You may need to pass the context this , otherwise inside the function this will refer to the window

Also a button inside an anchor tag is not a valid HTML.button cannot be nested inside a tag.Check here for more information

var tempscore = 0;
var currentscore = 0;

function categoryOnClick(elem) {
  console.log(elem)
  tempscore = parseInt(elem.innerHTML);
  console.log(tempscore)
}

<a href="Easy.html">
  <button type="button" onclick="categoryOnClick(this) " id="answer0" class="buttonquestion">200</button>
</a>

New Page before Onclick function is called

1 Answers1