JSFiddle - React, Tailwind, and code Playground

by mprabhat

HTML

<script src="http://www.w3schools.com/xml/note.xml"></script>
<div> 
    <b>Name:</b> <span id="name"></span><br />
    <b>Value:</b> <span id="value"></span><br /> 
</div>

JavaScript

$(function() {
    $.ajax({
        type: "POST",
        url: "/echo/xml/",
        dataType: "xml",
        data: {
            xml: "<xml><devices><device><name>Inside</name><value>67.662498</value></device><device><name>Outside</name><value>69.124992</value></device></devices></xml>"
        },
        success: function(xml) {
            var names = xml.getElementsByTagName('name');
            for (var iDx = 0; iDx < names.length; iDx++) {
                if (names[iDx].childNodes[0].nodeValue == 'Outside') {
                jQuery('#name').text(names[iDx].childNodes[0].nodeValue);
jQuery('#value').text(xml.getElementsByTagName('value')[iDx].childNodes[0].nodeValue);
break;
                }
            }
        }
    });
});