JSFiddle - React, Tailwind, and code Playground

by dreiv

HTML

<div id="console-log"></div>

CSS

.console-line
{
    font-family: monospace;
    margin: 2px;
}

JavaScript

var consoleLine = "<p class=\"console-line\"></p>";
 
console = {
    log: function (text) {
        $("#console-log").append($(consoleLine).html(text));
    }
};

var name = prompt("What is your name?");

function breakWord() {
    var separator = 0;
    for( i=0; i <name.length; i++){
           if(name[i] === " ") {
               separator = i;
           }
    }
    var charCount = name.length - separator - 1; 
    
    console.log("First name is : " + name.substring(0,separator) + " chars : " + separator);
    console.log("Last name is : " + name.substring(separator,name.length) + " chars : " + charCount);
    console.log("Your initials are : " + name[0] + name[separator + 1]);
}

breakWord();