Layout do suplemento: 5 caixas de texto e 1 botão. Funcionalidade do suplemento: permitir digitar 5 números, validando se todos são números, e se estiver tudo certo, exibir como resultado qual dos números informados é o maior (pode resolver este problema com estruturas condicionais ou com estruturas de repetição, fique à vontade para encontrar o…

Lista de Exercícios 1 - Item 2.WORD.yaml

name: Lista de Exercícios 1 - Item 2
description: >-
  Layout do suplemento: 5 caixas de texto e 1 botão. Funcionalidade do
  suplemento: permitir digitar 5 números, validando se todos são números, e se
  estiver tudo certo, exibir como resultado qual dos números informados é o
  maior (pode resolver este problema com estruturas condicionais ou com
  estruturas de repetição, fique à vontade para encontrar o algoritmo ideal).
  Atenção: todas as mensagens de saída (tanto validações quanto resultados
  finais) devem ser exibidas no Word.
host: WORD
api_set: {}
script:
  content: "const field1 = document.getElementById(\"field1\") as HTMLInputElement;\r\nconst field2 = document.getElementById(\"field2\") as HTMLInputElement;\r\nconst field3 = document.getElementById(\"field3\") as HTMLInputElement;\r\nconst field4 = document.getElementById(\"field4\") as HTMLInputElement;\r\nconst field5 = document.getElementById(\"field5\") as HTMLInputElement;\r\nconst button = document.getElementById(\"button\") as HTMLButtonElement;\r\n\r\nbutton.addEventListener(\"click\", () => {\r\n  Word.run(async (context) => {\r\n    const body = context.document.body;\r\n    body.clear();\r\n\r\n    // Usar valueAsNumber é outro jeito de pegar o valor e transformar em number.\r\n    const n1 = field1.valueAsNumber;\r\n    const n2 = field2.valueAsNumber;\r\n    const n3 = field3.valueAsNumber;\r\n    const n4 = field4.valueAsNumber;\r\n    const n5 = field5.valueAsNumber;\r\n\r\n    if (isNaN(n1) || isNaN(n2) || isNaN(n3) || isNaN(n4) || isNaN(n5)) {\r\n      body.insertParagraph(\"Informe números válidos em todos os campos!\", \"End\");\r\n      return;\r\n    }\r\n\r\n    // Usando a função nativa Math.max para encontrar o maior valor entre os números.\r\n    const greater = Math.max(n1, n2, n3, n4, n5);\r\n    body.insertParagraph(`O maior número é ${greater}`, \"End\");\r\n  });\r\n});\r\n"
  language: typescript
template:
  content: "<input id=\"field1\" type=\"number\" placeholder=\"Número 1\">\r\n<input id=\"field2\" type=\"number\" placeholder=\"Número 2\">\r\n<input id=\"field3\" type=\"number\" placeholder=\"Número 3\">\r\n<input id=\"field4\" type=\"number\" placeholder=\"Número 4\">\r\n<input id=\"field5\" type=\"number\" placeholder=\"Número 5\">\r\n<button id=\"button\">Qual é o maior?</button>"
  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