JSFiddle - React, Tailwind, and code Playground

by Neo Aptt

HTML

<p id="source">some type of sentence. Sentence 2. Sentence three.</p>
<p id="results"></p>

JavaScript

var string = $('#source').text();

function styleFirst() {
    var stringArray = string.split('. ');
    var newString = '';
    var ArrayLength = stringArray.length;
    var first = true;
    console.log(stringArray);
    for (var i = 0; i < arrayLength; i++) {
        if (first) {
            newString = "<span class='red'>" + stringArray[i] + "</span>";
        } else {
            
        }
        alert(myStringArray[i]);
        //Do something
    }

}
styleFirst();
$('#results').text(string);