Урок 4 Javascript. onfocus onblur keyup keydown

<script>
function myFunction(id)
{
dd=document.getElementById(id);
dd.style.border="1px solid green";
}
function blurFunction(id)
{
dd=document.getElementById(id);
dd.style.border="1px solid red";
}
function mykeyup()
{
inp3=document.getElementById('test2');
dd=document.getElementById('dd');
len=20-inp3.value.length;
dd.innerHTML="Осталось ввести "+len+" символов";
}
</script>

<input onfocus="myFunction('test')" 
onblur="blurFunction('test')" id='test'>
<input onfocus="myFunction('test1')" 
onblur="blurFunction('test1')" id='test1'>

<input id='test2' onkeyup='mykeyup()'>
<div id='dd'>Вам нужно ввести 20 символов.</div>

Урок-4. Шаблон для подсказок