JSFiddle - React, Tailwind, and code Playground

by cgough

HTML

<html lang="en">

  <head>
    <meta charset="utf-8">
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  </head>

  <body>

    <p id="Week"></p>
    <p id="Date"></p>
    <p id="Time"></p>
    <p id="Hour"></p>
    <p id="Text"></p>
    <script>
      var xml = '<?xml version="1.0" encoding="UTF-8"?>\
        <ArrayOfSchedule>\
          <Schedule>\
              <DayOfTheWeek>Tuesday</DayOfTheWeek>\
              <Date>14</Date>\
              <Status>Inactive</Status>\
              <Time>3:00</Time>\
              <Enabled>True</Enabled>\
           </Schedule>\
           <Schedule>\
              <DayOfTheWeek>Tuesday</DayOfTheWeek>\
              <Date>15</Date>\
              <Status>Inactive</Status>\
              <Time>4:00</Time>\
              <Enabled>True</Enabled>\
           </Schedule>\
       </ArrayOfSchedule>';


      xmlDoc = $.parseXML(xml),
        $xml = $(xmlDoc),
        $schedules = $xml.find('Schedule');

      $weekDay = $xml.find("DayOfTheWeek");
      $Date = $xml.find("Date");
      $Time = $xml.find("Time");
      $Enabled = $xml.find("Enabled");
      $("#Date").append($Date.text());
      $("#Time").append($Time.text());
      $("#Week").append($weekDay.text());
			xmlDoc.getElementsByTagName("Time")[0].childNodes[0].nodeValue = "Sunday";
      $("#Text").text($Time.text());
    </script>

  </body>

</html>