JSFiddle - React, Tailwind, and code Playground

by Devendra Mani

HTML

<p id="output"></p>
<!--textarea with the xml structure-->
<textarea rows="4" cols="50" id="xml">
    <resources>

    <string name="car">Ford</string>
    <string name="car2">Audi</string>

    </resources>
</textarea>

JavaScript

$(document).ready(function() {

// Get text from textarea
//var myxml = $("#xml").val();
   var myxml = $.parseXML( $("#xml").val() );
$xml = $( myxml )
//$(myxml).find("resources").each(function() {

//var car = $(this).find("[name='car']").text();
//var car2 = $(this).find("[name='car2']").text();
//var out = car+"</br>"+car2;
var car =($xml.find( "string[name='car']" ).text());
var car2 =($xml.find( "string[name='car2']" ).text());
    var out = car+"</br>"+car2;
$("#output").append(out);

//});
});