1

Должно появиться поле инпута, но оно не появляется. Где ошибка?

'use strict';
  
  class Block{
    get name(){
      throw new Error('Invalid component name')
    }
    constructor(){
      this.el = document.createElement(this.name);
      
    }
    append(root){
      root.appendChild(this.el);
    }
  }
  
  window.Block = Block;
 
  class Input extends Block{
    get name(){
      return 'input';
    }
    constructor(placeholder){
      super();
      this.placeholder = placeholder;
    }
  }
  
  window.Input = Input;
<h1>hello</h1>

  <script>
    {
      'use strict';
      
      let input = new Input('Data');
      input.append(document.body);
    }
  </script>

2
  • "Где ошибка?" - хм, ошибка в консоли )
    – user176262
    16 ноя 2018 в 13:51
  • 1
    секция с кодом в сниппете вставляется перед закрывающим тегом body, поэтому код описанный в теге script в секции html, выполняется до того, как объявлены необходимые классы
    – Grundy
    16 ноя 2018 в 13:54

1 ответ 1

2

"Фрагмент кода" помещает код из окна "JavaScript" после кода из окна "HTML".

'use strict';

class Block {
  get name() {
    throw new Error('Invalid component name')
  }
  constructor() {
    this.el = document.createElement(this.name);

  }
  append(root) {
    root.appendChild(this.el);
  }
}

window.Block = Block;

class Input extends Block {
  get name() {
    return 'input';
  }
  constructor(placeholder) {
    super();
    this.placeholder = placeholder;
  }
}

window.Input = Input;
<h1>hello</h1>

<script>
window.onload = () =>
{
    'use strict';

    let input = new Input('Data');
    input.append(document.body);
}
</script>

Ваш ответ

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

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