Поменять фон при вводе в текст поле input

[teamf7]

<style>
.sidebar{
  float:left; 
  width: 200px; 
  height: 200px; 
  background-color: #eee;
}
</style>

<div class="sidebar"></div>
<div style="float: left">
  <input type="text">
  <input type="text">
  <input type="text">
  <input type="text">
</div>

Надо поменять фон при фокусе в какое либо поле input,кол-во input может меняться.

[teamf7]

на js можно ли сделать или лучше jQuery

[destus]

на js можно ли сделать или лучше jQuery

лучше css

[teamf7]

забыл написать, что нужно менять блок sidebar
на jquery

$('input').focus(
    function(){
        $('.sidebar').css('background','#e4e');
    }).blur(
    function(){
        $('.sidebar').css('background','#eee');
    });

как это написать на js?

[destus]

как это написать на js?

<style>
        .sidebar {
            float: left;
            width: 200px;
            height: 200px;
            background-color: #eee;
        }

    </style>
    <div class="sidebar"></div>
    <div style="float: left">
        <input type="text">
        <input type="text">
        <input type="text">
        <input type="text">
    </div>
    <script>
        var inputs = document.querySelectorAll('input[type=text]'),
            sidebar = document.querySelector('.sidebar');
        Array.prototype.forEach.call(inputs, function (el) {
            el.addEventListener('focus', function () {
                sidebar.style.backgroundColor = '#e4e';
            })
            el.addEventListener('blur', function () {
                sidebar.style.backgroundColor = '#eee';
            })
        })
    </script>

[teamf7]

спасибо)