HTML JavaScript测试_Javascript_Html_If Statement

HTML JavaScript测试

javascript html if-statement

HTML JavaScript测试,javascript,html,if-statement,Javascript,Html,If Statement,我决定换一种方式，因为这是计算机科学101课程的作业，我需要用java脚本使用简单的html代码。无论如何，我还有另一个密码。这个代码的问题是当一个人在第二个问题中选择a时，我想让代码检查一个人在第一个问题中选择a还是B。看看代码： <html> <head> <title>Quiz</title> </head> <body bgcolor="#FFFFFF"> <h1>Quiz</h1

我决定换一种方式，因为这是计算机科学101课程的作业，我需要用java脚本使用简单的html代码。无论如何，我还有另一个密码。这个代码的问题是当一个人在第二个问题中选择a时，我想让代码检查一个人在第一个问题中选择a还是B。看看代码：

<html>
<head>
    <title>Quiz</title>
</head>

<body bgcolor="#FFFFFF">
    <h1>Quiz</h1><br>
    <hr>

    <form>
        <ol>
            <li>Do you know when is Canada Day?

                <p><input onclick="myFunction2()" type=
                'button' value='A'> Yes</p>

                <p><input type=
                'button' value='B'> No</p>

                <p></p>
                <hr>

                <p></p>
            </li>

            <li>Do you celebrate Canada Day?

                <p><input onclick="myFunction3()" type=
                'button' value='A'> Yes</p>

                <p><input onclick="myFunction1()" type=
                'button' value='B'> No</p>

                <p></p>
                <hr>

                <p></p>
            </li>
        </ol>
    </form>
    <script>
    var x;
    function myFunction1()
    {
        alert('You have to learn more about Canada Day!')
    }

    function myFunction2()
    {
        x=1;
    }

    function myFunction3()
    {
    if (x=1)
    {
        alert('You are a true Canadian')
    }
    else
    {
        alert('You have to learn more')
    }
    }

    </script>
</body>
</html>


测验
测验


你知道加拿大日是什么时候吗？
对
没有




你们庆祝加拿大日吗？
对
没有




var x；
函数myFunction1（）
{
提醒（“您必须了解更多有关加拿大日的信息！”）
}
函数myFunction2（）
{
x=1；
}
函数myFunction3（）
{
如果（x=1）
{
警惕（“你是真正的加拿大人”）
}
其他的
{
警报（“您必须了解更多信息”）
}
}

我建议首先不要编写内联Javascript

如果要为按钮设置事件处理程序，则需要为它们指定一个类名，以便设置事件侦听器。为了简单起见，我将使用jQuery来实现这一点

这是我为你创建的一个

HTML

祝你好运

<html>
    <head>
        <title>Quiz</title>
    </head>
    <body bgcolor=#ffffff>
        <center><h1>Quiz</h1></center><hr>
        <p>Do you know when is Canada Day?<p>
        <button class="canadaButtonYes">Yes<p>
        <button class="canadaButtonNo">No<p>
    </body>
</html>

$(document).ready( function() {
    $('.canadaButtonYes').on('click', function() {
        answer = confirm('Do you celebrate Canada day?');
        if (answer === true)
            alert('You are a true canadian!');
        else 
            alert('You should learn more!');
    });

    $('.canadaButtonNo').on('click', function() {
        alert("You should learn more!");
    });

});