JSFiddle - React, Tailwind, and code Playground

by sptx457

HTML

<div class="response">

</div>

JavaScript

var SchoolyardKid = function(name, canHelp, responses) {
    this.name = name;
    this.canHelp = false;
    this.responses = {
        homework: "Sorry, I'm doing.        homework.",
        scared: "No way, Nelson is a beast!",
        brave: "Sure, I've been meaning to get back at that jerk."
    };
};

SchoolyardKid.prototype.randomResponse = function() {
    var randomNum = Math.floor((Math.random() * 3) + 1);

    if (randomNum === 1) {
       return this.responses.homework;
    } else if (randomNum === 2) {
        return this.responses.scared;
    } else {
      return this.responses.brave;
    }   
};

var response = document.getElementsByClassName("response");
response.innerHTML(SchoolyardKid.responses);