JSFiddle - React, Tailwind, and code Playground

by f0t0n

HTML

<form action="">
    <textarea id="txt-wrong" placeholder="Wrong..."></textarea>
    <br>
    <button id="btn-wrong">Cancel (Wrong)</button>
    
    <br><br>
        
    <textarea id="txt-correct" placeholder="Correct..."></textarea>
    <br>
    <button id="btn-correct">Cancel (Correct)</button>
</form>

JavaScript

var $txt,
    $btn,
    clear;
clear = {
    wrong: function($el) {
        $el.empty();
    },
    correct: function($el) {
        $el.val('');
    }
};
$.each(['wrong', 'correct'], function(i, x) {
    $btn = $('#btn-' + x);
    $btn.on('click', function() {
        $txt = $('#txt-' + x);
        clear[x]($txt);
        console.log("Case '%s': '%s'", x, $txt.val());
        return false;
    });
});