Redirecting page mobile not working with javascript

Question

I have been having problems with a web page and the way the content has been displaying on mobile. To get around this issue I thought it might be better if I direct to another page using javascript. Now there are two html pages, index.html and mobile.html. I have a script tag at the bottom of the index file checking if the screen width is less then 1000px if so do this:

<script> 
    if (screen.width <= 1000) {
        window.location.replace = "http://pmoney2.s3-website.eu-west-2.amazonaws.com/mobile.html";
    }
</script>

Answer 1

replace is an function you have to call it.

But you are assign it value instead of passing as argument. Do it like this :-

<script> 
    if (screen.width <= 1000) {
        window.location.replace("http://pmoney2.s3-website.eu-west-2.amazonaws.com/mobile.html");
    }
</script>

Or you can use href

<script> 
    if (screen.width <= 1000) {
        window.location.href = "http://pmoney2.s3-website.eu-west-2.amazonaws.com/mobile.html";
    }
</script>