JSFiddle - React, Tailwind, and code Playground

by techappetite

HTML

<html>
    <head></head>
    <body>
        <form>
            <input type="text" id="query" />
            <input type="button" value="submit" onclick="processQuery(getQuery());" />
        </form>
        <div id="processedQuery"></div>
    </body>
</html>

JavaScript

function getQuery()
{
    return document.getElementById("query").value;
}
function processQuery(query)
{
    var queryArray = query.split(" ");
    writeQuery(queryArray[0]);    
}
function writeQuery(query)
{
    alert(query);
}