I have built this code using javascript that makes a few objects called monster. I then put those monsters in an array and finally am trying to call one of thous monsters to the console randomly. Unfortunately it displays in my console log as undefined. Any advice on how to get a random monster in the console log every time I refresh the page?

```
function Monster(type, level, mAttack, mAgility, mHP) {
    this.type = type;
    this.level = level; 
    this.mAttack = mAttack;
    this.mAgility = mAgility;
    this.mHP = mHP; 
}
Monster.prototype.logInfo = function() {
    console.log("I am a : ", this.type);
    console.log("I am level : ", this.level);
    console.log("I have the attack of : ", this.mAttack);
    console.log("I have the agility : ", this.mAgility);
    console.log("I have the health : ", this.mHP); 
}

var troll = new Monster("troll", 1, 10, 10, 10);
var skeleton = new Monster("skeleton", 1, 10, 10, 10);
var slime = new Monster("slime", 1, 10, 10);
var boar = new Monster("boat", 1, 10, 10);

var monsterList = new Array();
monsterList[0] = troll;
monsterList[1] = skeleton;
monsterList[3] = slime;
monsterList[4] = boar;

var summonRandomMonster = function (){
     monsterSummoner = monsterList[Math.floor(Math.random() * monsterList.length)];
}
console.log(monsterSummoner);

```