Cog test

by cory a

HTML

<textarea id="outcome"></textarea>
<button id="subBtn">submit</button>
<div ><p id="output"></p></div>

CSS

.wrd {
    cursor: pointer;
}

.rem {
    background-color: yellow;
}
.und {
    background-color: pink;
}
.apply {
    background-color: cyan;
}
.ana {
    background-color: lightblue;
}
.create {
    background-color: lightgreen;
}
.eval {
    background-color: lavender;
}

JavaScript

$("#subBtn").click(function() {
    var mytext = $("#outcome").val().toString();
    mytext = mytext.replace(/"/g, "").replace(/'/g, "").replace(/\(/g, "( ").replace(/\)/g, " ) ").replace(/,/g, " , ");
    alert(mytext)
    var textArr = mytext.split(" ");
    
    $.each(textArr, function (k, v) {
        
        if (checkWords(remWords,v)){
            $("#output").append("<span class='wrd rem' data-toggle='tooltip' title='remembering' data-placement='right'>" + v  + "</span> ");
    } else if (checkWords(undWords,v)) {
        $("#output").append("<span class='wrd und' data-toggle='tooltip' title='understanding' data-placement='right'>" + v  + "</span> ");
    } else if (checkWords(applyWords,v)) {
        $("#output").append("<span class='wrd apply' data-toggle='tooltip' title='applying' data-placement='right'>" + v  + "</span> ");
    } else if (checkWords(analyzeWords,v)) {
        $("#output").append("<span class='wrd ana' data-toggle='tooltip' title='analyze' data-placement='right'>" + v  + "</span> ");
    } else if (checkWords(createWords,v)) {
        $("#output").append("<span class='wrd create' data-toggle='tooltip' title='creating' data-placement='right'>" + v  + "</span> ");
    } else if (checkWords(evalWords,v)) {
        $("#output").append("<span class='wrd eval' data-toggle='tooltip' title='evaluating' data-placement='right'>" + v  + "</span> ");
    } else {
        $("#output").append("<span class='wrd'>" + v  + "</span> ");
    }
    });
   $('[data-toggle="tooltip"]').tooltip(); 
});

$("#output").on("click", ".wrd", function(e) {
    var wrd = $(this).html()
    $(this).addClass("sel")
    var tst = checkWords(remWords,wrd)
    alert(tst)
    
});
var remWords = "collect copy define describe examine find group identify indicate label list locate match memorize name omit observe point provide quote read recall repeat recite recognize repeat reproduce say select sort spell state tabulate tell touch underline repetition"

var undWords =...