JSFiddle - React, Tailwind, and code Playground

by r3wt

HTML

<div class="container">
    <textarea class="view" id="view"></textarea>
</div>

CSS

.container{
    position: fixed;
    top: 20px;
    right: 20px;
    left: 20px;
    bottom: 20px;
}
textarea.view{
    width:100%;
    height:100%;
    font-size:2.33em;
    margin: 0 auto;
    padding: 0px;
    resize:none;
}

JavaScript

$(function(){
    var start = 'Hi my name is Garrett Morris. I write code :-)';
    $('#view').focus();
    for(var i = 0; i < start.length; i++){
        //alert(start.charAt(parseInt(i)));
        $('#view').blur();
        $('#view').val( $('#view').val() + start.charAt(parseInt(i))).delay(100);
    }
})