2

Столкнулся с такой вот задачей - есть функция конструктор, InputElement() которая создает input. В объекте есть два метода

InputElement.prototype.onChange = function(callback){
    elem.addEventListener('change', callback);
}  

InputElement.prototype.setValue = function(inputedValue){
    elem.value = inputedValue;          
    return elem;
}

как в методе setValue вызвать коллбэк из onChange, чтоб сработало такое условие:

    let result;
    let input= new InputElement();
    input.onChange(() => result = 'A');
    input.setValue('B');
    console.log(result)// -> A

Был вариант с установкой атрибута disabled для элемента после события change, но не сработало

1 ответ 1

1

function InputElement() {
  this.elem = document.createElement("input");
  document.body.appendChild(this.elem);
}

InputElement.prototype.setValue = function(value) {
  this.elem.value = value;
  this.elem.dispatchEvent(new Event('change'));
  return this.elem;
}

InputElement.prototype.onChange = function(callback) {
  this.elem.addEventListener('change', callback);
}

let result;
let input = new InputElement();
input.onChange(() => result = 'A');
input.setValue('B');
console.log(result) // -> A

4
  • В таком случае просто вызов метода inputElement.setValue('B') не сработает
    – Martin
    1 дек 2019 в 19:26
  • @Martin Я ничего не понял. Что должно "сработать", и что "не срабатывает"?
    – user176262
    1 дек 2019 в 19:34
  • @Martin Я Вам сейчас за такое объяснение минус поставлю. Вам знаком знак препинания "точка"?
    – user176262
    1 дек 2019 в 20:08
  • есть два метода: onChange должен при вызове проходить тест inputElement.onChange(() => result = 100) -> 100 - этот код выполняется; метод setValue соответственно проходит тест inputElement.setValue('B') -> B - этот код выполняется. Но если вызвать сначала onChange а потом setValue, то результат должен быть как в тесте, то есть метод setValue должен вызвать onChange и в инпуте должно остаться значение которое стало там поле события change
    – Martin
    1 дек 2019 в 20:11

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.