JSFiddle - React, Tailwind, and code Playground

by Roy Howie

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<div class="alert alert-danger" id="correct">Your answer is currently 
    <span id="type"> INCORRECT </span>
</div>
<form>
    <input name="answer" id="answer">
</form>
    <p>Hint: the answer is "correct"</p>

JavaScript

$("#answer").keyup(function(){
    if($(this).val() === "correct"){
        $("#correct").removeClass("alert-danger")
        .addClass("alert-success");
        $("#type").text("CORRECT!")
    }
    else{
        $("#correct").removeClass("alert-success")
        .addClass("alert-danger");
        $("#type").text("INCORRECT!")
    }
}).keyup();