@Alisa94

Как сгенерировать текст кнопки из name кнопки?

Здравствуйте. Имею такую ситуацию: нужно создать js файл, который содержал бы список объектов {name: string, viewtype: string, id: string} с именем на кнопках html файла и случайной строкой для id. Он также должен содержать ряд дополнительных объектов с именами, которые начинаются с буквы «H», за которой следует число. Например. ‘H304’. Текст на кнопке должен быть сгенерирован из имени и строки. При нажатии на кнопку функция javascript должна отображать object.name и object.id объекта, представленного этой кнопкой.
Срочно нужна помощь, любая помощь будет оценена.
  • Вопрос задан
  • 111 просмотров
Решения вопроса 1
@dmitriyivvvv
Что-то вроде этого?
class Button {
  constructor(name) {
    this.name = name;
    this.elem = document.createElement('button'), this.elem.textContent = this.name;
    this.id = String.fromCharCode(Math.random() * (91 - 65) + 65) + Date.now();
  }
  onClick() {
    console.log(this.name, this.id);
  }
  render(parent) {
    parent.appendChild(this.elem);
    this.elem.addEventListener('click', this.onClick.bind(this));
  }
}

const b = new Button('Click me');
b.render(document.body);
b.elem.click();

UPD:
const buttons = document.querySelectorAll('button');
buttons.forEach(el => el.textContent = el.name);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы