javascript click event not working in div onclick

Question

I have this div in my page that is showing X at top of modal, I like to by clicking this user redirect to homepage. I tried this but the even is not firing at all.

  <div class="modal-content">
    <div class="close" onclick="redirecttologin()">x</div>
......
  </div

this is java script but even the alert is not showing

 function redirecttologin() {
  alert("test");
document.location.href = "/";
 };

I am sure that it has the reference to java script file as other things are working in page.

*problem was class="close".

Answer 1

Your code should work properly, the only issue is that you should use window.location instead of document.location . They are both the same, but as documentation says, the document.location is read only property.

Also notice, that your closing <div> tag is missing > . That might be a problem as well.

 function redirecttologin() { alert("test"); window.location.href = "/"; };

 <div class="modal-content"> <div class="close" onclick="redirecttologin()">x</div> </div>

Answer 2

你必须使用

window.location.href = "/"