Make entire div clickable

Question

I am trying to get the whole div clickable and this works but only with a straight link to another site. Is there a way to make it work with this text in it also:

<div class='reddit' title='Share Us On Reddit' onclick="window.open('http://www.reddit.com/submit?url=httpsFwww.example.com&amp;title=XXX is Cape Breton's Homepage. Start Your Web Search With Beautiful Cape Breton Island')">

Thanks

Answer 1

From CSS Tricks

This probably isn't a thing you need to rely on JavaScript for anymore. Since HTML5, this is perfectly valid:

<a href="http://example.com">
  <div>
     anything
  </div>
</a>

And remember you can make links display: block; so sometimes you don't even need the div.

Answer 2

<div  style="cursor:pointer" onclick="document.location='evenidontknow-page.html'">
  <h2>Full Div Clickable</h2>
  </div

The above code helped me very well, and this will not require any extra code.

Using a tag may solve the problem but we need to add extra code to it.

please check this link for more info w3schools