katakeynii/index.html

## index.html
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Challenge DOM Manipulation</title>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>

## index.js
const rootEl = document.getElementById('root');

const createInput = (limit, position, is_last)=>{
	let input = document.createElement('input');
	input.setAttribute('maxlength', limit);
	input.setAttribute('class', `input-${position}`);
	input.addEventListener('keyup', (e)=>{
		if(e.target.value.length === limit){
			let nextElement = input.parentNode.children[position+1];
			if(is_last){
				nextElement.removeAttribute('disabled')
			}else{
				nextElement.focus()
			}
		}
	});
	return input;
};
const createGroup = (inputs) =>{
	let div = document.createElement('div');

	for (var i = 0; i < inputs.length; i++) {
		let is_last = i == (inputs.length - 1);
		let input = createInput(inputs[i], i, is_last);
		div.appendChild(input);
	}
	let button = document.createElement('button');
	let textNode = document.createTextNode("Envoyer");
	button.setAttribute("disabled", false);
	button.setAttribute("id", "button-submit");
	button.appendChild(textNode);
	div.appendChild(button);
	rootEl.appendChild(div);
}
createGroup([4, 2, 2, 4]);
createGroup([4, 2, 2]);
createGroup([4, 2, 2, 5, 3]);
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Challenge DOM Manipulation</title>
	</head>
	<body>
	<div id="root"></div>
	</body>
	</html>
	const rootEl = document.getElementById('root');

	const createInput = (limit, position, is_last)=>{
	let input = document.createElement('input');
	input.setAttribute('maxlength', limit);
	input.setAttribute('class', `input-${position}`);
	input.addEventListener('keyup', (e)=>{
	if(e.target.value.length === limit){
	let nextElement = input.parentNode.children[position+1];
	if(is_last){
	nextElement.removeAttribute('disabled')
	}else{
	nextElement.focus()
	}
	}
	});
	return input;
	};
	const createGroup = (inputs) =>{
	let div = document.createElement('div');

	for (var i = 0; i < inputs.length; i++) {
	let is_last = i == (inputs.length - 1);
	let input = createInput(inputs[i], i, is_last);
	div.appendChild(input);
	}
	let button = document.createElement('button');
	let textNode = document.createTextNode("Envoyer");
	button.setAttribute("disabled", false);
	button.setAttribute("id", "button-submit");
	button.appendChild(textNode);
	div.appendChild(button);
	rootEl.appendChild(div);
	}
	createGroup([4, 2, 2, 4]);
	createGroup([4, 2, 2]);
	createGroup([4, 2, 2, 5, 3]);