javascript - If and Else and innerHTML html-6ren

javascript - If and Else and innerHTML html

转载作者：行者123 更新时间：2023-11-30 11:06:18

这是我的第二个问题，我想问问大家这是什么问题:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>HyunseoQuiz</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" type="text/css" media="screen" href="main.css">
        <script lang="text/javascript">
            function firstQ(){
                var firstQuestion = document.getElementById('firstQuestion').value;
                if(firstQuestion == '5'){
                    document.getElementById("firQ").innerHTML = "Correct";
                } else {
                    document.getElementById("firQ").innerHTML = "Wrong!";
                }
            }
        </script>
    </head>
    <body>
        <form name="firstQ" action="">
            <p>Q1. What is 2 + 3?</p>
            <input type="text" id="firstQuestion" name="firstQ">
            <input type="button" id="firstQ" value="answer" onclick="firstQ()">
            <br>
            <p id="firQ"></p>
        </form>
    </body>
    </html>

我想如果数字 5 在变量中，我想在输入框下方显示“正确”一词。

有人可以帮我求情吗aaaaaaaaaaaaaaaaaaaaaaaaaaaaase？

[抱歉，如果我的语法有误。我英语不好]

最佳答案

您的输入字段的`id` 为`firstQ`，这与您的函数名称相同，这会导致冲突。调整输入`id`。

仅供引用:如果您打开开发人员工具(在任何浏览器中按 F12)并查看控制台选项卡，您会看到错误:firstQ 不是函数，这是一个指示符JS 运行时定位您的函数时出现问题。在确认您确实拥有一个具有该名称的函数之后，您可以尝试找出它无法被识别的原因。

<!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>HyunseoQuiz</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" type="text/css" media="screen" href="main.css">
        <script lang="text/javascript">
            function firstQ(){
                var firstQuestion = document.getElementById('firstQuestion').value;
                if(firstQuestion == '5'){
                    document.getElementById("firQ").innerHTML = "Correct";
                } else {
                    document.getElementById("firQ").innerHTML = "Wrong!";
                }
            }
        </script>
    </head>
    <body>
        <form name="q1" action="">
            <p>Q1. What is 2 + 3?</p>
            <input type="text" id="firstQuestion" name="quest1">
            <input type="button" id="q1" value="answer" onclick="firstQ()">
            <br>
            <p id="firQ"></p>
        </form>
    </body>
    </html>