JSFiddle - React, Tailwind, and code Playground

by Lindow

HTML

<div id="Test">
  abcdefghijklmn, opqrstuvwxyzAB
  ddoafkpdsfk, 
  dsapdlasèd. CDEFGHIJKLMNO,
  dofkdspakdasdsakd, PQRSTUVWXYZ
</div>

CSS

#Test {
  font-family: verdana;
  position: absolute;
  height: auto;
  width: auto;
  white-space: nowrap;
  font-size:150%;
}

JavaScript

function longestWord(string) {
    var str = string.split(" ");
    var longest = 0;
    var word = null;
    for (var i = 0; i < str.length; i++) {
        if (longest < str[i].length) {
            longest = str[i].length;
            word = str[i];
        }
    }
    return word;
}

var test = document.getElementById("Test");
var longest_word = longestWord(test.innerHTML);
var width = (longest_word.clientWidth + 1) + "px";
alert(longest_word);