Exibe dinamicamente uma lista de meses para seleção, e mostra o item selecionado no documento Word aberto.

Lista de Meses usando Array.WORD.yaml

name: Lista de Meses usando Array
description: >-
  Exibe dinamicamente uma lista de meses para seleção, e mostra o item
  selecionado no documento Word aberto.
host: WORD
api_set: {}
script:
  content: "const selector = document.getElementById(\"selector\") as HTMLSelectElement;\r\n\r\nconst months = [\r\n  \"Janeiro\",\r\n  \"Fevereiro\",\r\n  \"Março\",\r\n  \"Abril\",\r\n  \"Maio\",\r\n  \"Junho\",\r\n  \"Julho\",\r\n  \"Agosto\",\r\n  \"Setembro\",\r\n  \"Outubro\",\r\n  \"Novembro\",\r\n  \"Dezembro\"\r\n];\r\n\r\nselector.innerHTML = \"<option></option>\";\r\n\r\nfor (let month of months) {\r\n  selector.innerHTML += `<option>${month}</option>`;\r\n}\r\n\r\nselector.addEventListener(\"change\", () => {\r\n  Word.run(async (context) => {\r\n    const body = context.document.body;\r\n    body.clear();\r\n\r\n    if (selector.value) {\r\n      body.insertText(`O mês selecionado foi: ${selector.value}.`, \"Start\");\r\n    }\r\n  });\r\n});\r\n"
  language: typescript
template:
  content: "<span>Qual seu mês preferido?</span>\r\n<select id=\"selector\"></select>"
  language: html
style:
  content: ''
  language: css
libraries: |-
  https://appsforoffice.microsoft.com/lib/1/hosted/office.js
  @types/office-js

  [email protected]/client/core.min.js
  @types/core-js