Javascript 网页输出不持续

我必须使用HTML设计以下网页，使用CSS进行样式设计，使用JS进行验证：

在提供输入时，输出应如下所示：

CSS和JS要求如下：

我已经编写了以下代码：

身体{
背景色：#99FFFF；
}
h1{
字体：斜体；
字体大小：粗体；
文本对齐：居中；
颜色：栗色；
}
桌子{
边界塌陷：塌陷；
边框：5px纯黑；
宽度：30%；
左边缘：35%；
}
tr{
文本对齐：左对齐；
}
运输署{
填充：10px；
边框：2件纯黑；
}
#提交按钮{
左边缘：45%；
}
#折扣{
文本对齐：居中；
字体大小：粗体；
字体大小：25px；
}
#结果{
文本对齐：居中；
字体大小：粗体；
字体：斜体；
字体大小：40px；
颜色：#FF0000；
}
函数validateForm（）
{
var x=document.myForm.name.value；
var y=document.myForm.price.value；
var namechar=/^[\sa-zA-Z]+$/；
如果（x==”）{alert（“产品名称不应为空”）；返回false；}
else if（y==“”）{alert（“产品价格不应为空”）；返回false；}
else if（！/^[a-zA-Z\s]+$/.test（x））{alert（“产品名称应仅包含字母和空格”）；返回false；}
否则如果（y这是因为按钮类型为
submit
，它将用户转发到
-标记中指定的文件。只需返回
false
而不是
true
，问题就解决了



身体{
背景色：#99FFFF；
}
h1{
字体：斜体；
字体大小：粗体；
文本对齐：居中；
颜色：栗色；
}
桌子{
边界塌陷：塌陷；
边框：5px纯黑；
宽度：30%；
左边缘：35%；
}
tr{
文本对齐：左对齐；
}
运输署{
填充：10px；
边框：2件纯黑；
}
#提交按钮{
左边缘：45%；
}
#折扣{
文本对齐：居中；
字体大小：粗体；
字体大小：25px；
}
#结果{
文本对齐：居中；
字体大小：粗体；
字体：斜体；
字体大小：40px；
颜色：#FF0000；
}
函数validateForm（）{
var x=document.myForm.name.value；
var y=document.myForm.price.value；
var namechar=/^[\sa-zA-Z]+$/；
如果（x==“”）{
警报（“产品名称不应为空”）；
返回false；
}如果（y==“”），则为else{
警报（“产品价格不应为空”）；
返回false；
}else if（！/^[a-zA-Z\s]+$/.test（x））{
警告（“产品名称应仅包含字母和空格”）；
返回false；
}否则如果（y<1）{
警报（“产品价格应为数值大于0的数字”）；
返回false；
}否则{
var x=document.myForm.seasure.value；
var盘；
如果（x.match（“summer”））disc=10；
否则，如果（x.match（“newyear”））disc=5；
否则，如果（x.匹配（“间隙”））阀瓣=15；
document.getElementById（“折扣”）.innerHTML=“折扣为”+disc+“%””；
var p=document.myForm.price.value；
p=p-（p*圆盘）/100；
document.getElementById（“结果”）.innerHTML=“折扣价格：卢比”+p；
返回false；
}
}
折扣价
品名
产品价格
时令
夏季大减价
新年大甩卖
清仓大甩卖






这是因为按钮类型为
submit
，它将用户转发到
-标记中指定的文件。只需返回
false
而不是
true
，问题就解决了



身体{
背景色：#99FFFF；
}
h1{
字体：斜体；
字体大小：粗体；
文本对齐：居中；
颜色：栗色；
}
桌子{
边界塌陷：塌陷；
边框：5px纯黑；
宽度：30%；
左边缘：35%；
}
tr{
文本对齐：左对齐；
}
运输署{
填充：10px；
边框：2件纯黑；
}
#提交按钮{
左边缘：45%；
}
#折扣{
文本对齐：居中；
字体大小：粗体；
字体大小：25px；
}
#结果{
文本对齐：居中；
字体大小：粗体；
字体：斜体；
字体大小：40px；
颜色：#FF0000；
}
函数validateForm（）{
var x=document.myForm.name.value；
var y=document.myForm.price.value；
var namechar=/^[\sa-zA-Z]+$/；
如果（x==“”）{
警报（“产品名称不应为空”）；
返回false；
}如果（y==“”），则为else{
警报（“产品价格不应为空”）；
返回false；
}else if（！/^[a-zA-Z\s]+$/.test（x））{
警告（“产品名称应仅包含字母和空格”）；
返回false；
}否则如果（y<1）{
警报（“产品价格应为数值大于0的数字”）；
返回false；
}否则{
var x=document.myForm.seasure.value；
var盘；
如果（x.match（“summer”））disc=10；
否则，如果（x.match（“newyear”））disc=5；
否则，如果（x.匹配（“间隙”））阀瓣=15；
document.getElementById（“折扣”）.innerHTML=“折扣为”+disc+“%””；
var p=document.myForm.price.value；
p=p-（p*圆盘）/100；
document.getElementById（“结果”）.innerHTML=“折扣价格：卢比”+p；
返回false；
}
}
折扣价
品名
产品价格
时令
夏季大减价
新年大甩卖
清仓大甩卖






您的表格的目的是什么？ar