Question

请查看以下代码：

HTML：

<!DOCTYPE html>
<html>
    <head>
        <title>Using Javascript</title>
        <meta http-equiv="author" content="infinite_999">
        <link rel="stylesheet" type="text/css" href="css.css">
    </head>
    <body>
        <div id="name"></div>
        <div id="rooms"></div>
        <div id="booked"></div>
        <div id="available"></div>
        <script src="javascript.js"></script>
    </body>
</html>

使用Javascript：

var hotel={
    //Properties
    name:'Pacific Idea',
    rooms:20,
    booked:15,
    //Methods
    checkAvailability = function () {
        return this.rooms- this.booked;
    }
};

var nameHotel=document.getElementById('name');
var roomHotel=document.getElementById('rooms');
var bookedHotel=document.getElementById('booked');
var availableHotel=document.getElementById('available');

nameHotel.textContent=hotel.name;
roomsHotel.textContent=hotel.rooms;
bookedHotel.textContent=hotel.booked;
availableHotel.textContent=hotel.checkAvailability();

现在根据此代码，应显示酒店的名称，预订房间数量，可用房间数量。但不幸的是，它只是没有显示任何东西。

请帮帮我..

Answer 1

你的javascript代码中有2个错误。一个是checkAvailability = function（）;应该是'：'而不是'='。和roomsHotel拼写错误。

尝试

var hotel={
//Properties
name:'Pacific Idea',
rooms:20,
booked:15,
//Methods
checkAvailability : function () {
    return this.rooms- this.booked;
}
};

var nameHotel=document.getElementById('name');  
var roomsHotel=document.getElementById('rooms');
var bookedHotel=document.getElementById('booked');
var availableHotel=document.getElementById('available');

nameHotel.textContent=hotel.name;
roomsHotel.textContent=hotel.rooms;
bookedHotel.textContent=hotel.booked;
availableHotel.textContent=hotel.checkAvailability();

JS没有给出任何结果（对象）

1 个答案: