JSFiddle - React, Tailwind, and code Playground

HTML

<div id="console-log"><h3>Output:</h3></div>

CSS

.console-line
{
    font-family: monospace;
    margin: 2px;
}

JavaScript

var consoleLine = "<p class=\"console-line\"></p>";
 
console = {
    log: function (text) {
        $("#console-log").append($(consoleLine).html(text));
    }
};

// Enter code below
function Rabbit(adjective) {
    this.adjective = adjective;
    this.describeMyself = function() {
        console.log("I am " + (isVowel(this.adjective[0]) ? "an " : "a ") + this.adjective + " rabbit.");
    };
}

function isVowel(letter){
    var allVowels = ['a', 'e', 'i', 'o', 'u'],
        isAVowel = false;
    for(var e in allVowels){
        if(letter === allVowels[e]){
            isAVowel = true;
        }
    }
    return isAVowel;
}

// now we can easily make all of our rabbits
var rabbit1 = new Rabbit("fluffy");
var rabbit2 = new Rabbit("happy");
var rabbit3 = new Rabbit("anxious");
var rabbit4 = new Rabbit("excited");
rabbit1.describeMyself();
rabbit2.describeMyself();
rabbit3.describeMyself();
rabbit4.describeMyself();