JSFiddle - React, Tailwind, and code Playground

by Bhushan Kawadkar

HTML

<input id="find" style="width:100%; height:100%;" value="apple!" />

<input id="replace" style="width:100%; height:100%;" value="apples!" />

<textarea id="input" rows="4" style="width:150px; height:100px; resize:none;" wrap="off">Give me some apple!</textarea>

<input type="button" id="replaceBtn" value="Replace"/>

JavaScript

$(function(){
    $('#replaceBtn').click(function(){
         var findText = $('#find').val();
         var replaceText = $('#replace').val();
         var inputText = $('#input').val();
         //alert(inputText);
         inputText = inputText.replace(new RegExp(findText, 'g'), replaceText);
         //alert(inputText);
         $('#input').val(inputText);
    });
});