JSFiddle - React, Tailwind, and code Playground

by Michael Lajlev

HTML

<p id="headlineLabel" class="label">Your opion in one sentence</p>
        <span class="notification">
          notification
        </span>
        <input id="headline" type="text" />
        
        <p class="label reviewLabel">Your review</p>
        <span class="notification">
            notification
        </span>
        <textarea id="review" name="review" id="review"></textarea>

CSS

.notification{
    display:none;
}
.pink{
    color:#f00;
}

JavaScript

$('headline').addEvent('blur', function(){
    if (this.value.length>10) {
        $('headlineLabel').addClass('pink');
    }
    else{
        $('headlineLabel').removeClass('pink');
    };
});