OOUI starter !

Wikimedia OOJS/OOUI starter, to prototype create user interface.

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://doc.wikimedia.org/oojs-ui/master/demos/node_modules/oojs/dist/oojs.js"></script>
<script src="https://doc.wikimedia.org/oojs-ui/master/demos/dist/oojs-ui.js"></script>
<link rel="stylesheet" href="https://doc.wikimedia.org/oojs-ui/master/demos/dist/oojs-ui-wikimediaui.css">
<script src="https://doc.wikimedia.org/oojs-ui/master/demos/dist/oojs-ui-wikimediaui.js"></script>

<h3>Comma-separated list:</h3>
<div class="mycountries">Argentina, Brazil, Colombia, Ecuador</div>

<h3>Desired array:</h3>
<p> </p>

CSS

/* Demo documentation : https://doc.wikimedia.org/oojs-ui/master/demos/ */
/* Technical documentation : https://doc.wikimedia.org/oojs-ui/master/js/#!/api/OO.ui */

JavaScript

var myarray = [
			{ data: 'Country 1' },
			{ data: 'Country 2' },
			{ data: 'Country 3' }
		];

var mydropdown = new OO.ui.ComboBoxInputWidget({
    options: myarray
});

$("body").prepend(mydropdown.$element);



$("p").html("[{data:'" + $(".mycountries").text().split(", ").join("'},{data:'") + "'}]");