Мне нужно чтобы в элементе div отображалось то, что в вожу в <input type=
Кроме того, надо чтобы в div буква a (английская) тут же менялась на A.
Для этого ввожу такой код :

.........................
<script>

function aaa(event)

{
var y = (event.keyCode || event.which);
var y_char = String.fromCharCode(y);

document.getElementById('d1').innerHTML= y_char;

}


function bbb(event)

{
var y = (event.keyCode || event.which);
var y_char = String.fromCharCode(y);

if(y_char == a){
(y_char == A);}

document.getElementById('d1').innerHTML= y_char;
}

</script>

После этого сами элементы div и input text:

<input type=text id="d2"
onKeyPress="aaa(event);"><br></p>

........

<div id="d1"
onchange="bbb(event);"
>
</div>

Как видно они поочерёдно обращаются к aaa и bbb.
Мне удалось добиться того, чтобы текст, заносимый в input text отображался в div. Но буква a на A при вводе не меняется. В чем ошибка ? Уже мозг сломал, две функции ввёл. А замены маленькой буквы на большую не происходит. Где неправильно ?