JSFiddle - React, Tailwind, and code Playground

by Sam G

HTML

<textarea id="myText"></textarea>
<button id="longestBtn">Find the longest word</button>
<input id="longestWrd" type="text" disabled />

CSS

#myText {
    display: block;
    width: 100%;
    height: 120px;
    margin-bottom: 10px;
}

JavaScript

var btn = document.getElementById('longestBtn');
btn.addEventListener('click', function () {
    var txt = document.getElementById('myText').value;
    var lw = getLongestWord(txt);
    var wrd = document.getElementById('longestWrd');
    wrd.value = lw + " (" + lw.length + ")";
});

function getLongestWord(txt) {
    var longestWord = "";
    var words = txt.split(" ");
    for(var i = 0; i < words.length; i++)
        if(words[i].length > longestWord.length)
            longestWord = words[i];
    return longestWord;
}