обработка щелчка по button. тонкие различия с input type=button
 

доброго дня, уважаемые гуру веб-разработки и властители браузеров

не могу разобраться в тонкостях button и input type=button
упражняюсь в создании простого калькулятора.
делал обработку нажатий кнопок типа input type=button через событие дива onclick в котором все эти кнопки лежат. в этом случае обработкой события для дива выяснял на какой конкретно кнопке был клик через
e.target.value и вызывал нужную логику
если в слое лежат кнопки типа button этот подход уже не работает. браузер обрабатывает onclick но в e.target.value пусто

в документации на button ничего не нашел? может кто-то подсказать как выяснить нажатую кнопку через div ?
варианты с обработкой
через <input type=button> http://statehack.esy.es/
через <button> http://statehack.esy.es/calc.html

Наверно, потому что ты туда ничего не положил?

Сравни:

<div id="div">
<button>Пусто</button>
<button value="бла бла">Не пусто</button>
</div>
<script>
div.onclick = function(e) {
    alert(e.target.value);
};
</script>

Замечание от Rise важно внутри <form>, ибо по дефолту type=submit, т.е. отправка формы.