Duplicate ID in List

check your page if has duplicate id in a list!

by jerwinkdc

HTML

<div id="onex">One!</div>
<br/>
<div id="foo">Foo!</div>
<div id="foo">Foo!</div>
<br/>
<div id="lorem">Lorem!</div>
<div id="lorem">Lorem!</div>
<div id="lorem">Lorem!</div>
<br/>
<div id="bar">Bar!</div>
<div id="bar">Bar!</div>
<div id="bar">Bar!</div>
<div id="bar">Bar!</div>
<div id="bar">Bar!</div>

JavaScript

console.log("Test:");
console.log(checkSameElementID());

function checkSameElementID(){
	
	var elementz = document.querySelectorAll('*[id]');
	
	var elementh = [];
	var elementsm = [];
	var elementsmc = [];
	var elementrv = [];

	elementz.forEach((elementx, index) => {

		var eleName = elementx.getAttribute("id");
		
		if(elementh.includes(eleName)){
			
			if(!elementsm.includes(eleName)){
				elementsm.push(eleName);
				elementsmc.push(2);
			}
			else{
				
				var posx = elementsm.indexOf(eleName);
				var updlengthx = elementsmc[posx] + 1;
				elementsmc[posx] = updlengthx;
				
			}
			
			
		}
		
		elementh.push(eleName);
	
	});
	
	elementsm.forEach((elementx, index) => {

		var lengthx = elementsmc[index];
		var namex = String(elementx);

		elementrv.push({'id': namex, 'length': lengthx});

	});
	
	if(elementsm.length == 0){
		elementrv = "No Element ID duplicates!";
	}

	return elementrv;
	
}