JSFiddle - React, Tailwind, and code Playground

by Afzaal Ahmad Zeeshan

HTML

<p id="landingzone"></p>
<ul id="target">
	<li>Element 1</li>
	<li>Element 2</li>
	<li>Element 3</li>
	<li>Element 4</li>
	<li>Element 5</li>
</ul>
<button onclick="process();">Process</button>
<script>
function process() {
	event.preventDefault();
	var list = document.getElementById("target").innerHTML;
	var shortListedList = [];
	var shortListed = list.map(element => {
		if(element.style.display != "none") {
			return element;
		}
	});

	var landingZone = document.getElementById("landingzone");
	landingZone.innerHTML = JSON.stringify(shortListedList);
}
</script>