JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/forward/sql-parser/master/browser/sql-parser.js"></script>
<div id="valid-query">
    SELECT * FROM dbo.table
</div>
<div id="invalid-query">
    SELECT ** FROM dbo.table
</div>

CSS

.green { color: green }
.red { color: red }

JavaScript

$(function(){
    var validQuery = $('#valid-query'),
        invalidQuery = $('#invalid-query');

    try {
        SQLParser.parse(validQuery.html());
        validQuery.addClass('green');  
    }
    catch (err) {
        validQuery.addClass('red');  
    }
   
    try {
        SQLParser.parse(invalidQuery.html());
        invalidQuery.addClass('green'); 
    }
    catch (err) {
        invalidQuery.addClass('red');
    }
    
});