problem with JS object

Hi,

I am practicing some JS code but I get a "Cat is not defined : var cat = new Cat;" on the following code.

Can someone please take a look and see what I am doing wrong:

<html>
<head><title>Object object</title>
<script type="text/javascript">

function Pet(){
      var owner = "Justin";
      this.setOwner = function(who) {
            this.owner=who;
}
      this.getOwner = function() {
            return this.owner;
      }

      function Cat() {}
            Cat.prototype = new Pet();
            Cat.prototype.constructor=Cat;
            Cat.prototype.speak=function speak() {
                  return("Meow");
            }
      }
</script>
</head>
<body bgColor="#EOFFFF">
<script type="text/javascript">

var cat = new Cat;
cat.setOwner("jimmy");

cat.speak();

</script>
</body>
</html>

thanks
jecommeraAsked:
Who is Participating?
 
Gurvinder Pal SinghConnect With a Mentor Commented:
Okay, I guess you need to define Cat class outside Pet class.
0
 
Gurvinder Pal SinghCommented:
try
var cat = new Cat();
0
 
jecommeraAuthor Commented:
No sorry - still get the same error:

<html>
<head><title>Object object</title>
<script type="text/javascript">

function Pet(){
      var owner = "Justin";
      this.setOwner = function(who) {
            this.owner=who;
}
      this.getOwner = function() {
            return this.owner;
      }

      function Cat() {}
            Cat.prototype = new Pet();
            Cat.prototype.constructor=Cat;
            Cat.prototype.speak=function speak() {
                  return("Meow");
            }
      }
</script>
</head>
<body bgColor="#EOFFFF">
<script type="text/javascript">

var cat = new Cat();
cat.setOwner("jimmy");

cat.speak();

</script>
</body>
</html>
0
 
micropc1Commented:
I think this is what you want...

<html>
<head><title>Object object</title>
<script type="text/javascript">

Cat = function(initName) {
	this.ownerName = initName
	
	this.setOwner = function(newName) {
		this.ownerName = newName;
	}
	
	this.getOwner = function() {
		return this.ownerName;
	}
	
	this.speak = function(sayWhat) {
		return ("meow");
	}
}
    
</script>
</head>
<body bgColor="#EOFFFF">
<script type="text/javascript">

var cat = new Cat("Justin");
cat.setOwner("jimmy");

cat.speak();

</script>
</body>
</html>

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.