JS not giving any result(Objects)

Question

Please have a look at the following code:

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();

Now according to this code, the name, number of booked rooms, number of available rooms of the hotel should be displayed. But unfortunately, it just doesn't display anything.

Please help me..

There are two errors (syntax and reference error) in your script - which both will be shown in the console of your developer tools. — Andreas, Sep 29 '15 at 16:19
what are those two errors?(I am not using any IDE, just notepad ++) — codetalker, Sep 29 '15 at 16:20
[How can I debug my JavaScript Code](http://stackoverflow.com/questions/988363/how-can-i-debug-my-javascript-code) — Andreas, Sep 29 '15 at 16:23
@Siddhantinf You doin't need an IDE, use the browser's Javascript console. — Barmar, Sep 29 '15 at 16:24

krishna · Accepted Answer · 2015-09-29T16:26:38.960

1

2 errors in your javascript code. one is checkAvailability = function (); should be ':' instead of '='. and roomsHotel typo error.

Try

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();

edited Sep 29 '15 at 16:26

answered Sep 29 '15 at 16:20

krishna

154
7

What?? I am using Javascript – codetalker Sep 29 '15 at 16:22
2 errors in your javascript code. one is checkAvailability = function (); should be ':' instead of '='. and roomsHotel typo error – krishna Sep 29 '15 at 16:23
Edit your answer and explain what was wrong with the original code and how you fixed it. – Barmar Sep 29 '15 at 16:24
mentioned in previous comment @Barmar – krishna Sep 29 '15 at 16:25
Put it in the answer, not a comment. – Barmar Sep 29 '15 at 16:25
Thnx @krishna... I feel stupid about those mistakes – codetalker Oct 01 '15 at 14:43

JS not giving any result(Objects)

1 Answers1