Question

这是一个我必须创建一个具有以下要求的页面的问题。但是尽管它有效，但我仍然从编译器中得到错误

testWeb（htmlpackage.WebTestAssign2）：已正确提供所有输入，但故障单计算错误或javaScript方法未返回任何b oolean值假

电影票预订

“BOOKMYSHOW”是一个在线电影票系统，用于预订印度城市当前和即将上映的电影票。用户可以在预订票证时选择电影和首选圈子，系统将为用户生成票证。

作为HTML5开发人员，您已经完成了开发本网站的一个模块的任务。该模块应包含以下页面：

预订机票页面 - 这将包含用户输入的预订火车票的详细信息
感谢您的页面 - 用户成功预订门票后会显示感谢页面

随问题提供的图像应放在本节中。

当用户将鼠标移到图像上时，此图像应缩放并以更大的尺寸显示（这应该使用CSS3功能完成）

·门票的数量应该大于孩子的数量（使用java脚本进行此验证）。在警告框中提供错误消息“门票的数量不应大于儿童的数量”。

·显示日期和时间应为当前日期或未来日期。（使用java脚本进行此验证）。在警告框中提供错误消息“显示日期和时间应该是当前日期或将来的日期”。

·所有字段都是必填字段（应使用HTML5完成）。

·票价应根据以下逻辑计算。（使用Java脚本进行计算）。

o假设1张票的票价是200。

·儿童票价为100票。

·用户提交表格后，应计算机票价格并在警告框中显示为“您的大致机票金额为INR”。

用于计算票价的JavaScript方法应返回布尔值。

示例：没有门票：4没有孩子：1然后票价将是700.

注意：正确指定要素中给出的元素名称。所有的html标签都应该用小写字母表示。

testWeb（htmlpackage.WebTestAssign2）：已正确提供所有输入，但是    故障单计算错误或javaScript方法没有返回任何b   oolean值
  假的

完整的代码如下：

    <!DOCTYPE html>
<html>
<head>
<title>Book My Show</title>
<style>  
figure {
  position: relative;  
  margin: 2%;
  overflow: hidden;
  width: 100%;
  height:240px;
}
figure img {
  max-width: 150%;  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
figure:hover img {
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  transform: scale(2);
}
</style>    
</head>
<body>
<h1>Movie Ticket Booking</h1>
<form id="booking-form" name="myForm" action="thankyou.html">
<label>Name</label><input type="text" name="name" placeholder="Enter the name" pattern="[A-Za-z\s]+" required/><br>
<label>Movie Name</label><input name="moviename" type="text" list="movies" required autocomplete="on" > 

        <datalist name="movies" id="movies">
          <option value="Irada">
          <option value="Rangoon">
          <option value="Logan">
          <option value="Fist Fight">
        </datalist><br>

<label>Circle</label>
        <input name="circle" list="circles" required autocomplete="on" />
        <datalist name="circles" id="circles">
          <option value="Silver">
          <option value="Gold">
          <option value="Platinum">
        </datalist><br>
<label>Phone no</label><input type="text" name="phone" placeholder="Enter Mobile # here" pattern="[0-9]{10}" required/><br>
<label>Show date and time</label>
        <input type="datetime-local" name="showdate" required><span id="dateMessage" ></span><br>
<label>No of tickets</label><input type="number" name="tickets" id="tickets" min="1" max="10" required/><br>
<label>No of children's</label><input type="number" name="childrens" id="children" min="1" max="5" required /><br>
<button type="submit" value="Submit" onclick="validate(); ticketprice();">Book My Show</button>
        <button type="reset" value="reset" id="reset">Reset</button>

        <figure><img src="contactus.jpg" alt="Customer Care" id="image" /></figure>
</form>
<script>
function validate()        
{
    var z=document.forms["myForms"]["showdate"].value;
    var x=document.forms["myForms"]["tickets"].value;
    var y=document.forms["myForms"]["childrens"].value;
    if(y > x)
    {
        alert("No of tickets should be greater than the no of children");
    }
    return Boolean(y > x);
    var date=z.substring(0,2);
    var month=z.substring(3,5);
    var year=z.substring(6,10);
    var myDate=new Date(year,month-1,date);
    var today= new Date();
    if(myDate > today)
    {
        alert("Show date and time should be either current date or future date");
    }
    return Boolean(myDate > today);
} 

function ticketprice()
{
    var tic=document.forms["myForms"]["tickets"].value;
    var child=document.forms["myForms"]["childrens"].value;
    var Fare=(tic*200)-(child*100);
    alert("Your approximate ticket amount is "+Fare+" INR");
    return Boolean(Fare);
}
</script>
</body>
</html>

Javascript评估

0 个答案: