《Web交互开发》实验教学指导/实验一: JavaScript编程基础 要求 请将上述任务的主要代码,填写到实验报告册中。 3、酒店信息的显示 (1)程序运行结果如图1-3所示。 TravelWorthy hotel availability Quay rooms: 15 图1-3酒店信息 (2)主要代码 script / Create the template for objects that are hotels function Hotel(name, rooms, booked)i this booked booked return this rooms. this booked / Create two hotel objects ar quayHotel =new Hotel( Quay, 40, 25) ar parkHotel=new Hotel(Park, 120, 77) l/ Update the HTMl for the page ar details quay Hotel. name +rooms details + quay Hotel. checkAvailabilityo var elHotell -document getElement Byld(hotel1") elHotel l textcontent= details var details2= parkHotel. name + rooms details2 + parkHotel check Availability ar elHotel2-document getElement Byld(hotel2); elHote12 textContent details2 (6)完成下述任务 任务一:参考上述代码,创建汽车对象。(10分) 任务二:将汽车对象的属性显示至网页上;(5分) 本讲共计4页当前第3页《Web 交互开发》实验教学指导 / 实验一：JavaScript 编程基础 本讲共计 4 页 | 当前第 3 页 要求： 请将上述任务的主要代码，填写到实验报告册中。 3、酒店信息的显示 （1）程序运行结果如图 1-3 所示。 （2）主要代码 <script> // Create the template for objects that are hotels function Hotel(name, rooms, booked) { this.name = name; this.rooms = rooms; this.booked = booked; this.checkAvailability = function() { return this.rooms - this.booked; }; } // Create two hotel objects var quayHotel = new Hotel('Quay', 40, 25); var parkHotel = new Hotel('Park', 120, 77); // Update the HTML for the page var details1 = quayHotel.name + ' rooms: '; details1 += quayHotel.checkAvailability(); var elHotel1 = document.getElementById('hotel1'); elHotel1.textContent = details1; var details2 = parkHotel.name + ' rooms: '; details2 += parkHotel.checkAvailability(); var elHotel2 = document.getElementById('hotel2'); elHotel2.textContent = details2; </script> （6）完成下述任务。 任务一：参考上述代码，创建汽车对象。（10 分） 任务二：将汽车对象的属性显示至网页上；（5 分） 图 1-3 酒店信息