JSFiddle - React, Tailwind, and code Playground

JavaScript

var doc = 
    '<Cities>' +
    '<City Name="London" url="LinkToImage" />' +
    '<City Name="Aberdeen" url="LinkToImage" />' +
    '<City Name="Birmingham" url="LinkToImage" />' +
    '<City Name="Bristol" url="LinkToImage" />' +
    '<City Name="Cardiff" url="LinkToImage" />' +
    '<City Name="Edinburgh" url="LinkToImage" />' +
    '<City Name="Glasgow" url="LinkToImage" />' +
    '<City Name="Liverpool" url="LinkToImage" />' +
    '<City Name="Manchester" url="LinkToImage" />' +
    '<City Name="Newcastle" url="LinkToImage" />' +
    '<City Name="Paris" url="LinkToImage" />' +
    '<City Name="Marseille" url="LinkToImage" />' +
    '</Cities>';

var parser = new DOMParser();
var xml = parser.parseFromString(doc, "text/xml");

var cities = xml.getElementsByTagName("Cities")[0].childNodes;
var randomCity = Math.floor(Math.random() * 5);
var city = cities[randomCity];
alert(city.getAttribute("Name"));