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();">
</body>
</html>
I can run the function from console, but clicking the <body> is not working.
<body> element have no height, add something like bellow:
<!DOCTYPE html>
<html>
<head>
<style>
body {
height: 500px;
}
</style>
<script src="c.js"></script>
</head>
<body onclick="clickBody();">
</body>
</html>
The <body> element is empty. You have to either change its height in CSS, or put some text in it.
Also, using element.addEventListener() might be a good idea. See addEventListener vs onclick.
See code snippet:
function clickBody() {
window.location.href = '/'
}
document.body.addEventListener("click", clickBody)<!DOCTYPE html>
<html>
<head>
<script src="c.js"></script>
</head>
<body>
<p>Try clicking me.</p>
</body>
</html>
