Javascript 无法更正错误"；失败1-表格标签应具有3行，并检查表格和tr的CSS要求；_Javascript_Jquery_Html_Css

Javascript 无法更正错误"；失败1-表格标签应具有3行，并检查表格和tr的CSS要求；

javascript jquery html css

Javascript 无法更正错误"；失败1-表格标签应具有3行，并检查表格和tr的CSS要求；,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在做我的编程作业，描述如下创建一个网页，计算特定季节产品的折扣。折扣率最高的季节为夏季（10%）、新年（5%）和清仓（15%）。折扣是按产品价格计算的预期的I/p、O/p在以下链接中共享：输入屏幕输出屏幕该网页的要求如下：网页要求网页背景颜色应为#99FFFF。“折扣价格”标签应为标题标签（h1），且应为斜体粗体、居中和色码#b03060 产品名称-名称为“name”的文本框不应为空，仅包含字母、空格和必填字段价格-带有名称价格、必填字段和最小值的数字框应大于15000

我正在做我的编程作业，描述如下

创建一个网页，计算特定季节产品的折扣。折扣率最高的季节为夏季（10%）、新年（5%）和清仓（15%）。折扣是按产品价格计算的

预期的I/p、O/p在以下链接中共享：
输入屏幕
输出屏幕

该网页的要求如下：

网页要求

网页背景颜色应为#99FFFF。“折扣价格”标签应为标题标签（h1），且应为斜体粗体、居中和色码#b03060

产品名称-名称为“name”的文本框不应为空，仅包含字母、空格和必填字段

价格-带有名称价格、必填字段和最小值的数字框应大于15000

季节是一个下拉框，标签名为“季节”。下拉框将具有以下值和显示值

·夏季-夏季大减价

·新年大减价

·清仓-清仓出售

表格应左对齐，35%和外部边框样式为实心5px，边框宽度为30%。元素和边框之间的空间必须为10px

应该出现一个提交按钮，左对齐45%，值为“获取折扣价”。提交后，网页将计算产品的折扣价格

结果必须显示在2个div标签中，其中第一个标签的id名为“折扣”，用于显示产品的折扣%，第二个标签的id名为“结果”，用于显示产品的折扣价格。两个div标记都应以粗体文本居中对齐。折扣价格的字体必须为斜体，#FF0000和40px大小，折扣%为25px。对div、折扣和result有单独的样式

我收到错误：

Fail 1-表格标签应该有3行，并检查表格和tr的CSS要求
我的代码片段如下，有人能帮我解决这个错误吗
<!DOCTYPE html>
<html>
    <head>
        <style type="text/css">
            body 
            {
                background-color: #99FFFF;
            }
            h1{
                font-style:italic;
                font-weight:bold;
                text-align:center;
                color: Maroon;
            }
            table{
                border-collapse: collapse;
                text-align: center;
                border : 5px solid black;
                width: 30%;
                margin-left: 35%;
            }
            tr,td
            {
                text-align: left;
                padding: 10px;
                border: solid 2px black;
            }
            #submitbutton
            {
              margin-left: 45%;   
            }
            div{
                text-align:center;
                font-weight:bold;
            }
            #result{
                font-style:italic;
                color:#FF0000;
                font-size:40px;
            }
            #discount{
                font-size:25px;
            }
        </style>
        <script type="text/javascript">
            function discount()
            {
                    var x = document.myForm.season.value;
                    var disc;
                    if(x.match("summer"))
                    {
                        disc = 10;
                    }
                    else if(x.match("newyear"))
                    {
                        disc = 5;
                    }
                    else if(x.match("clearance"))
                    {
                        disc = 15;
                    }
                    document.getElementById("discount").innerHTML = "The discount is "+disc+"%";
                    var p = document.myForm.price.value;
                    p = p - (p*disc)/100;
                    document.getElementById("result").innerHTML = "The discounted price : Rs "+p;
                    return false;

            }
        </script>
    </head>
    <body>
        <h1>DISCOUNT PRICE</h1>
        <form method="get" name="myForm" onsubmit="return discount()">
            <table>
                <tr>
                    <td>Product Name</td>
                    <td><input type="text" name="name" required pattern="[\sa-zA-Z]+"></td>
                </tr>
                <tr>
                    <td>Product Price</td>
                    <td><input type="number" name="price" required pattern="[\d]+" min="15001"></td>
                </tr>
                <tr>
                    <td>Season</td>
                    <td><select name="season" id="season">
                        <option value="summer">SUMMER SALE</option>
                        <option value="newyear">NEW YEAR SALE</option>
                        <option value="clearance">CLEARANCE SALE</option>
                    </select></td>
                </tr>
            </table><br/>
            <input type="submit" name="submit" id = "submitbutton" value="GET DISCOUNT PRICE">
        </form>
        <br/>
        <div id="discount"></div>
        <br/>
        <div id="result"></div>

    </body>
</html>



身体
{
背景色：#99FFFF；
}
h1{
字体：斜体；
字体大小：粗体；
文本对齐：居中；
颜色：栗色；
}
桌子{
边界塌陷：塌陷；
文本对齐：居中；
边框：5px纯黑；
宽度：30%；
左边缘：35%；
}
tr，td
{
文本对齐：左对齐；
填充：10px；
边框：纯色2px黑色；
}
#提交按钮
{
左边缘：45%；
}
div{
文本对齐：居中；
字体大小：粗体；
}
#结果{
字体：斜体；
颜色：#FF0000；
字体大小：40px；
}
#折扣{
字体大小：25px；
}
函数折扣（）
{
var x=document.myForm.seasure.value；
var盘；
如果（x.match（“夏季”））
{
圆盘=10；
}
否则，如果（x.匹配（“新年”））
{
圆盘=5；
}
否则，如果（x.匹配（“间隙”））
{
圆盘=15；
}
document.getElementById（“折扣”）.innerHTML=“折扣为”+disc+“%””；
var p=document.myForm.price.value；
p=p-（p*圆盘）/100；
document.getElementById（“结果”）.innerHTML=“折扣价格：卢比”+p；
返回false；
}
折扣价
品名
产品价格
时令
夏季大减价
新年大甩卖
清仓大甩卖






假设您发布的文本与作业文本完全匹配
我已经分析了你的作业和代码，只发现了一些差异。其实，作业规范哪里不完整，留给个人解读的空间
首先

您有3个表行，因此我不理解其中的错误

其次

h1{…颜色：#b03060…}
根据规范，而不是褐红色
表格{…文本对齐：居中…}
非规范
表{…边框折叠：折叠…}
不是规范，而是由图像暗示的
tr，td{…text align:left…}
不规范。另外，text align
默认情况下是left
冗余的

规格遗漏：

使用
（规范中说的是“网页”而不是“形式”，差别很大！使用的
和
是
依赖的，而不是网页依赖的）
因此，表格名称被省略

在
内部的位置（表单的一部分