Como converter exemplos de codigos para funcionar "ao vivo"

A MDN agora possui um sistema de "exemplos ao vivo", onde a amostra de código e exibida em uma página que é diretamente utilizado para exibir a saída dessa amostra. No entanto, muitos artigos existentes possuem exemplos de código que ainda não utilizam este sistema, e precisam ser convertidos.

Onde isso precisa ser feito? Artigos tagueados com NeedsLiveSample
O que você precisa saber para fazer a tarefa?
  • Conhecimento de HTML, CSS e/ou JavaScript, dependendo da amostra de código.
  • Capacidade de usar macros KumaScript dentro dos artigos da MDN.
Quais são os passos para fazer a tarefa?

Para uma descrição completa do sistema de exemplos ao vivo, incluindo como criar exemplos ao vivo ,veja Using the live sample system.

  1. Escolha um artigo da lista lista de artigos que estao tagueados com NeedsLiveSample, em que o exemplo de codigo seja uma feature que seja familiar.
  2. Converta o codigo de exemplo para "ao vivo".
  3. Apague qualquer codigo ou imagem usada previamente para exibir uma saida de exemplo.