| kirill_vasilevich |
07.07.2016 01:14 |
Oбработчики событий в input и элементе div
Доброго времени суток! Прошу сильно не ругаться, только начал изучение этого прекрасного языка, поэтому в голове каша.
Столкнулся с такой задачей:
1) необходимо написать обработчики так, чтобы при вводе текста в поле input, введенный текст отображался в div,
2) и при всём этом, все строчные буквы "а" заменялись на заглавные "А".
На данный момент имею следующий код:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
document.addEventListener('DOMContentLoaded',function(){
document.querySelector('input').addEventListener('input', function () {
document.querySelector('div').innerHTML = document.querySelector('input').value;
})
})
var x;
function inp(){
x = document.querySelector('input').value;
var x_char = x.replace(/a/gi,"A");
document.querySelector('div').innerHTML = x_char;
document.querySelector('input').value = x_char;
}
</script>
</head>
<body>
<input type="text">
<div></div>
</body>
</html>
С первой задачей, более менее, справился. А вторую не могу, знающие, подскажите что можно сделать и есть ли возможность упростить код? :help: |