day5-Toggle visibility multiple forms

	// Listen for changes on the entire window
	window.addEventListener('change', function (event) {

		// matches polyfill
		if	(!Element.prototype.matches) {
			Element.prototype.matches = Element.prototype.msMatchesSelector ||Element.prototype.webkitMatchesSelector;
		}
		
		if (event.target.matches('[type=checkbox]')) {
			const showOnePwd = document.querySelector('#password');
		    const nodeForms = Array.prototype.slice.call(document.querySelectorAll('form'));
			const showMultiplePwd = Array.prototype.slice.call(nodeForms[1].querySelectorAll('[type=password]'));

			const checkbox1 = nodeForms[0].querySelector('[type=checkbox]');
			const checkbox2 = nodeForms[1].querySelector('[type=checkbox]');
			
			// console.log(showOnePwd);
			// console.log(nodeForms);
			// console.log(showMultiplePwd);
			// console.log(checkbox1.checked);
			// console.log(checkbox2);

			if (checkbox1.checked) {
				showOnePwd.type = 'text';
			} else {
				showOnePwd.type = 'password';
				console.log('You have no password written');
			}

			if (checkbox2.checked) {
				showMultiplePwd.forEach(function(eachNode, i){
					eachNode.setAttribute('type', 'text');
				});
			} else {
				showMultiplePwd.forEach(function(eachNode, i){
					eachNode.setAttribute('type', 'password');
				});
			}
		}
	}, false);