JSFiddle - React, Tailwind, and code Playground

by huppen

HTML

<div id="output">
  <p>Ausgabe hier:</p>
</div>

JavaScript

(function ($) {
  $(document).ready(function() {
  
    //HOTEL AJAX READ XML AND OUTPUT TO HTML
    $.ajax({
        url: "http://bollmannsruh.tk-preview.de/files/content/bewertungen/bewertungen.xml",
        type: "GET",
        dataType: "html",
        success: function(data) {
        var xml = $.parseXML(data)
        $(xml).find('hotel').each(function()
        {
            //WICHTIG
            var reviewCount = $(this).find('reviewCount').text();
            var averageRating = $(this).find('averageRating').text();
            $("#output").append("<p>" + reviewCount + "<br>" + averageRating + "</p>");
        }); //each hotel

        }, //success hotel
        error: function(jqXHR, textStatus, errorThrown){
          console.log("error hotel");
        }
    }); //ajax function hotel

    $.ajax({
        url: "http://bollmannsruh.tk-preview.de/files/content/bewertungen/bewertungen.xml",
        type: "GET",
        dataType: "html",
        success: function(data) {
        var xml = $.parseXML(data)
        $(xml).find('hotel').each(function()
        {
            //WICHTIG
            var reviewCount = $(this).find('reviewCount').text();
            var averageRating = $(this).find('averageRating').text();
            $("#output").append("<p>" + reviewCount + "<br>" + averageRating + "</p>");
        }); //each hotel

        }, //success hotel
        error: function(jqXHR, textStatus, errorThrown){
          console.log("error hotel");
        }
    }); //ajax function hotel
    
  }); //document ready
}(jQuery));