JSFiddle - React, Tailwind, and code Playground

by vvv vvvv

HTML

<textarea></textarea>
<input type="submit" />
<div class="brut"></div>
<div class="neat"></div>

CSS

body {
    padding: 20px;
    font: 14px/1.3 "Lucida Sans", monospace;
}

textarea {
    padding: 15px;
    border: 3px solid rgba(0,0,0,0.1);
    width: 700px;
    height: 100px;
    outline: none;
}
input,
div.brut,
div.neat {
    margin-top: 20px;
    word-wrap: break-word;
}

JavaScript

var aTraiter,
    aTraiterBrut,
    aSuppr,
    indexMail,
    indexMdp,
    indexNext,
    mail,
    mdp;

$('textarea').change(function() {

    aTraiter = $('textarea').val();
    aTraiter = unescape(aTraiter);
    aTraiter = aTraiterBrut = unescape(aTraiter);
    
    indexMail = aTraiter.indexOf('commentaires_email');
    aSuppr = aTraiter.substr(0,(indexMail+"commentaires_email".length+1));
    aTraiter = aTraiter.replace(aSuppr, '');
    
    indexNext = aTraiter.indexOf('&figaro_commentaires_password');
    
    mail = aTraiter.substr(0,indexNext);
    
    indexMdp = aTraiter.indexOf('commentaires_password');
    aSuppr = aTraiter.substr(0,(indexMdp+"commentaires_password".length+1));
    aTraiter = aTraiter.replace(aSuppr, '');
    
    indexNext = aTraiter.indexOf('&op=Valider');
    
    mdp = aTraiter.substr(0,indexNext);
    
    $('div.brut').text(aTraiterBrut);
    $('div.neat').html(mail + '<br>' + mdp);
    
    $('textarea').val('');

});