javascripthtmlonclick

Why is the onclick event on the body element not working?

I'm trying to send users to another page when click html body:

JavaScript c.js:

function clickBody(){
    window.location.href = '/';
}

HTML:

<!DOCTYPE html>
<html>

<head>
  <script src="c.js"></script>
</head>

<body onclick="clickBody();" />

</html>

I can run the function from console, but clicking the <body> is not working.

Solution

  • The <body> element has no height. Add something like the code below:

    <!DOCTYPE html>
<html>

<head>
  <style>
    body {
      height: 500px;
    }
  </style>
  <script src="c.js"></script>
</head>

<body onclick="clickBody();/>  

</html>