JSFiddle - React, Tailwind, and code Playground

by Pratik Bhonsle

HTML

<button>Click</button>
<p id="data"></p>

JavaScript

$('button').on('click', function () {
            var ID = $(this).attr('id');
            var one_val = $("#one_input_" + ID).val();
            var two_val = $("#two_input_" + ID).val();
            var three_val = $("#three_input_" + ID).val();
            var four_val = $("#four_input_" + ID).val();
            var five_val = $("#five_input_" + ID).val();

            var dataString = 'this is a test value';
            if ((true) || (one_val.length > 0 && two_val.length > 0 && three_val.length > 0 && four_val.length > 0)) {
                $.ajax({
                    type: "POST",
                    url: "/echo/html/",
                    data: {
                        html: dataString
                    },
                    complete: function () {
                        $('#data').append('Sent: ' + dataString + '<br/>');
                    },
                    success: function (data) {
                        $("#one_" + ID).html(one_val);
                        $("#two_" + ID).html(two_val);
                        $("#three_" + ID).html(three_val);
                        $("#four_" + ID).html(four_val);
                        $("#five_" + ID).html(five_val);

                        $('#data').append('Receive: ' + data + '<br/>');
                        //someramdonword
                    }
                });
            } else {
                alert('Ingresa algo');
            }
        });