jQuery addClass example

Change class name on click in jQuery

by rasikasampath

HTML

<textarea id="data" rows="4" cols="50" maxlength=6>

</textarea>
<br>
Typed Data: <label id="datatyped" ></label>
<br>
<!--Raw Length: <label id="datalength" ></label>
<br>-->
Replaced Data: <label id="replacedData" ></label>
<br>
Replaced Length: <label id="replacedlength" ></label>
<br>

<button onclick="replaceSpecial()">
 Test
</button>

JavaScript

$('#data').keyup(function() {
 var typedData = $(this).val();
 var replacedData = typedData.replace(/[\n\r]/g, '$$');
 $('#datatyped').text(typedData);
 //$('#datalength').text(typedData.length);
 $('#replacedData').text(replacedData);
  $('#replacedlength').text(replacedData.length);
  
 console.log($(this).val())
});

replaceSpecial = function() {
var typedData = $('#data').val();
console.log(typedData.replace(/[\n\r]/g,"$$"));
}