Как повесить addEventListener на несколько событий?

Question

[DrunkMaster]

Код онлайн тут jsbin.com/wihayumimu/edit?html,js,output сам JS такой:

var v1 = document.getElementById("vv1");
var v2 = document.getElementById("vv2");

v1.addEventListener("input", function(e) {
    var b1 = v1.value;
    var b2 = v2.value;
    var element = document.getElementById("t1");
    element.innerHTML = "текст";
}, false);

Проблема в том, что innerHTML срабатывае только когда меняется input с id=vv1 а как сделать что бы он менялся в случае если будет изменение в любом из 2 input'ов либо vv1 либо vv2

Comments

[napa3um]

Вынесете тело обработчика в отдельную функцию и привяжите к обоим событиям отдельно.

[Arkadiy Parinov]

Вас не смутило, что addEventListener вы применяете только к v1? Добавляйте точно также EventListener к v2 и делайте что вы там задумали

[DrunkMaster]

Arkadiy Parinov: нет я нуб и меня ничего не смущает ))

Answer 1

[Larisa Moroz]

Вы можете повесить этот addEventListener на любой родительский элемент, в котором находятся ваши input-ы
и всё сработает как надо:

jsbin.com/sijizel/edit?html,js,output

Answer 2

[ThunderCat]

getElementsByClassName() и задать любой общий класс

Answer 3

[Cyclop]

var v1 = document.getElementById("vv1");
var v2 = document.getElementById("vv2");

var func = function(e) {
    var b1 = v1.value;
    var b2 = v2.value;
    var element = document.getElementById("t1");
    element.innerHTML = "текст";
};

v1.addEventListener("input", func, false);
v2.addEventListener("input", func, false);