0

我正在从 Duckett 的书中学习 javascript，并注意到当我将书中的示例复制到我的文本编辑中时，它们不起作用。代码在网站上，所以我下载了文件并尝试打开它们，但同样的问题出现在 Chrome 和 Safari 上。这是一个例子。

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript &amp; jQuery - Chapter 3: Functions, Methods &amp; Objects - 
          Object Constructor</title>
        <link rel="stylesheet" href="css/c03.css"/>
    </head>
    <body>
        <h1>TravelWorthy</h1>
    <div id="info">
        <h2>hotel availability</h2>
    <div id="hotelName"></div>
    <div id="availability">
        <p id="rooms"></p>
        <p>rooms left</p>
    </div>
    <script src="js/multiple-objects.js"></script>
    </body>
</html>

// Set up the object
var hotel = new Object();
hotel.name = 'Park';
hotel.rooms = 120;
hotel.booked = 77;
hotel.checkAvailability = function() {
  return this.rooms - this.booked;  
};

var elName = document.getElementById('hotelName'); // Get element
elName.textContent = hotel.name;                   // Update HTML with property of the 
object

var elRooms = document.getElementById('rooms');    // Get element
elRooms.textContent = hotel.checkAvailability();   // Update HTML with result of method

我已经关闭了智能引号并启用了 Javascript。这个例子应该返回房间的可用性，但是数字应该显示的地方是空白的。这是与此类似但不起作用的第三个示例。

4

0 回答 0