JSFiddle - React, Tailwind, and code Playground

by brennan

CSS

.bad {
    color:red;
}
.good {
    color:green;
}

JavaScript

function questionAboutAdding(x, y){

    var humanAnswer = prompt("What is "+x+" + "+y+"?");
    var correctAnswer = x+y;

    if(humanAnswer == correctAnswer){
    
        $('body').append("<p class='good'>Good Job</p>");
    
    } else {

        $('body').append("<p class='bad'>Bad Job</p>");

    }

}

questionAboutAdding(1, 3);
questionAboutAdding(6, 1);
questionAboutAdding(9, 10);
questionAboutAdding(4, 5);