JSFiddle - React, Tailwind, and code Playground

by Piotr Linski

HTML

<p id="details">empty</p>

JavaScript

var length = 0;
    var message = 0;
    $(document).ready(function() {
    
    $.ajax({
        type: "POST",
        url: "https://www.transitum.org/linski_nach/check3.php",
        dataType: "json",
        data: { length: length },
        success: function(data, textStatus, jqXHR) {
          if (textStatus === "success" && jqXHR.readyState === 4) {
            length = JSON.parse(data); // Set the global variable
            if (length  > 1) { 
                        message = { item:"<iframe src='https://www.transitum.org/linski_nach/test3.php' width='100%' height='55' scrolling='no' frameBorder='no' </iframe>"  };
            } else { 
                        message = { item:"<table><td>no message available</td></table>" };
            }
                    message.showDetails = displayDetails;
                    message.showDetails();
          } else {
            // Do nothing...
          }
        }
      });
        function displayDetails() {
            document.getElementById("details").innerHTML = this.item;
        }
    });