JSFiddle - React, Tailwind, and code Playground

HTML

<button class="boom" data-button-type="correct">
    meow

</button>

<button class="boom" data-button-type="false">
    woof

</button>

<button class="boom">
    quack

</button>

JavaScript

var quiz = {
userGuess : function(text) {
    alert(text);

}

};

//get all answer buttons
var answerButtons = document.querySelectorAll(".boom"),
    i;

//go through each answer button
for (i = 0; i < answerButtons.length; ++i) {
    
    //this answer button .click 
    answerButtons[i].onclick = function() {
        var buttonType = this.getAttribute("data-button-type"),
            answer = " ";
    
        if(this.hasAttribute("data-button-type") == true) {
            answer = buttonType;

        }
        quiz.userGuess(answer);
    }
}