Faldrian/anagram.html

## anagram.html
<html>
<body>
<p>Pool: <input id="buchstaben"></p>
<p>Verbleibend: <span id="pool"></span></p>
<p><input id="genutzt"></p>

<script type="text/javascript" >

let genutzt = document.getElementById('genutzt');
let buchstaben =  document.getElementById('buchstaben');
let pool =  document.getElementById('pool');

genutzt.addEventListener('input', function () {

var pool2 = buchstaben.value.toUpperCase();

pool.style = '';
for (var x = 0; x < genutzt.value.length; x++)
{
    var c = genutzt.value.charAt(x).toUpperCase();

  	if(buchstaben.value.indexOf(c) < 0) {
  	  pool.style = 'color:red';
  	}

    pool2 = pool2.replace(c, '');
}
	pool.innerHTML = pool2;

});

</script>

</body>
</html>
	<html>
	<body>
	<p>Pool: <input id="buchstaben"></p>
	<p>Verbleibend: <span id="pool"></span></p>
	<p><input id="genutzt"></p>

	<script type="text/javascript" >

	let genutzt = document.getElementById('genutzt');
	let buchstaben = document.getElementById('buchstaben');
	let pool = document.getElementById('pool');

	genutzt.addEventListener('input', function () {

	var pool2 = buchstaben.value.toUpperCase();

	pool.style = '';
	for (var x = 0; x < genutzt.value.length; x++)
	{
	var c = genutzt.value.charAt(x).toUpperCase();

	if(buchstaben.value.indexOf(c) < 0) {
	pool.style = 'color:red';
	}

	pool2 = pool2.replace(c, '');
	}
	pool.innerHTML = pool2;

	});

	</script>

	</body>
	</html>