Question

我正在尝试将其设置为有两个按钮。 “结账”按钮和“带代码结账”按钮。如果您点击“结帐”按钮，则会被重定向到某个页面。我没有遇到任何问题。

对于“使用代码结帐”按钮，如果代码正确，您将被重定向到其他页面。如果代码错误，将出现警报并说“无效代码”。如果你能得到正确的代码，我不知道如何让按钮将你重定向到第二页。

这是我的编码：

<!DOCTYPE html>
<script type='text/javascript'>
    //this is the code that is used to checkout, when you press the checkout with code button.
    var code = 123456
    //if code is right, redirect to page2
    function checkOut2 () {
        if (code = 123456) {window.location.pathname = "nintendo.com"} else {
            alert("Invalid Code");
        }
    }
</script>
<html>
    <body>
        <button type="button" onclick="location.href = 'www.yoursite1.com'" id="checkOut">Checkout</button>
        <br>
        <br>
        <button type="button" id="checkOut2">Checkout With Code</button>
        <br>
        Code:
        <input type="text" name="code">
        <br>
    </body>
</html>

因此，当您按下Checkout With Code按钮并在Code文本框中包含有效代码时，您将被重定向到nintendo.com。但我不知道如何正常工作..

Answer 1

首先，修复用于从=到==进行比较的运算符。

function checkOut2 () {
        if (code == 123456) {window.location.pathname = "nintendo.com"} else {
            alert("Invalid Code");
        }
    }

然后尝试将您的函数作为事件监听器附加：

var button = document.getElementById('checkOut2');
button.addEventListener("click", checkOut2);

此外，要从输入中检索代码，请先添加id属性：

<input type="text" id="code"/>

然后，在javascript中检索它，如：

var code = document.getElementById('code').value;

Answer 2

你应该阅读一些Javascript教程，这是一件很简单的事情。

function checkOut2() {

    var code = document.getElementById("code").value;
    if(code == "123456"){
       window.location = "nintendo.com"
    } else {
       alert("Invalid Code");
    }

}

<input type="text" id="code">
<button type="button" id="checkOut2" onclick="checkOut2();">Checkout With Code</button>

如果代码正确，则单击按钮重定向

2 个答案: