Как "оживить" примеры кода

MDN имеет систему «живых примеров (en-US)», где пример кода, показанный на странице, служит для отображения вывода этого же примера. Однако во многих существующих статьях есть примеры кода, которые ещё не используют эту систему, и их необходимо преобразовать.

Живые примеры, позволяющие продемонстрировать работу кода, делают документацию более динамичной и наглядной. В этом руководстве описывается, как "оживить" существующие примеры.

Где это необходимо сделать?
В статьях с тегом NeedsLiveSample
Что вам нужно знать, чтобы начать?
  • Понимание HTML, CSS и/или JavaScript, в зависимости от примера кода.
  • Способность использовать макросы KumaScript (en-US) в статьях MDN.
Что нужно для этого сделать?
  1. Выберите статью из списка статей с тегами NeedsLiveSample, где есть пример кода, с понятной, для вас функцией.
  2. Преобразуйте пример кода, чтоб он стал "живым".
  3. Удалите любой код или изображение, которые использовались для наглядного примера вывода результата работы кода.

Подробнее об создании и редактировании живых примеров, см. Использование системы живых примеров (en-US)