JSFiddle - React, Tailwind, and code Playground

by Fagner Brack

JavaScript

const response = `
  <section>
    <h1>Regions</h1>
    <p>
      <strong>Sydney</strong>
      <dl>
        <dd class="sydney-latitude">-33.865143</dd>
        <dd>151.209900</dd>
      </dl>
      <dl>
        <dd class="sydney-latitude">-33.868820</dd>
        <dd>151.209290</dd>
      </dl>
    </p>
  </section>
`;

const getLatitudeFrom = (response) => {
  const parsedMessage = new DOMParser().parseFromString(response, 'text/html');
  const value = [...parsedMessage.querySelectorAll('[class="sydney-latitude"]')]
    .map((element) => element.innerHTML);
	alert('The latitude of Sydney is ' + value.join(', '));
};

getLatitudeFrom(response);