Javascript：重定向页面onclick

我正在摆弄一个假装的“登录屏幕”，但在重定向页面时遇到了麻烦

我在网站上找到了一些不同的建议，但到目前为止都没有效果

我真的认为我只是做错了

有什么建议吗

HTML

<div class="title"><h1>Webby Site</h1></div>
<div class="login-page">
  <div class="form">
    <form class="login-form">
      <input id="User" type="text" placeholder="username"/>
      <input id="PWord" type="password" placeholder="password"/>
      <button class="button">Login</button>
      <p class="message">Not registered? <a>Create an account</a></p>
    </form>
  </div>
</div>

我尝试过的代码（与document.location.href位于同一区域）

document.location

窗口位置

window.location.href

location.href

---

默认情况下，

按钮的作用类似于
input type=“submit”
，因此它试图提交您的表单。使用
event.preventDefault（）
来避免这种行为

正确的重定向方法是设置
window.location.href

另外，我强烈建议不要尝试客户端身份验证，因为任何人都可以读取js文件中的登录名和密码。
默认情况下，
按钮的行为类似于
input type=“submit”
，因此它正试图提交您的表单。使用
event.preventDefault（）
来避免这种行为

正确的重定向方法是设置
window.location.href

另外，我强烈建议不要尝试客户端身份验证，因为任何人都可以读取js文件中的登录名和密码。
对于HTML，您可以使用
文本

您还可以使用
文本
对于HTML，您可以使用
文本

您也可以使用
text
请在JSFIDLE上重现这个问题，好吗？@YeldarKurmangaliyev不幸的是，虽然它在Chrome中工作正常，但在JSFIDLE中根本不起作用。我得到“{”错误“：“请使用POST请求”}”。但我还是可以做一个，如果它有帮助的话？你能在JSFIDLE上重现这个问题吗？@YeldarKurmangaliyev不幸的是，尽管它在Chrome中工作正常，但在JSFIDLE中根本不起作用。我得到“{”错误“：“请使用POST请求”}”。但如果有帮助的话，我还是可以做一个？啊，这就是我错的地方。谢谢是的，正如我提出的问题，这只是一个“假装”登录页面。我还没有知识来建立一个真正的（尚未：P），加上这只是为了个人的乐趣和学习。不是万维网！啊，这就是我错的地方。谢谢是的，正如我提出的问题，这只是一个“假装”登录页面。我还没有知识来建立一个真正的（尚未：P），加上这只是为了个人的乐趣和学习。不是万维网！
$(document).ready(function(){
       $('.button').click(function(){
            if ($('input#User').val() === "1" && $('input#PWord').val() === "1"){
            document.location.href = "www.yoursite.com";
            } else {
                alert('Incorrect Account Details');
            }
        });
    });